css选择器
选择器优先级伪类伪元素结构选择器属性选择器
选择器优先级
！important 优先级是最高的
第一等级：行内样式 第二等级：id选择器 第三等级：类选择器、伪类 第四等级：元素、伪元素 第五等级：继承样式
伪类
以：开头的用于选择在dom中有的元素
：link 未访问状态
：hover 鼠标悬停状态
：active 鼠标点击没松开
：visitied 访问后（只能用于a标签）
：
nth-child(n
) :正着数
:nth-last-child(n
) :倒着数
:first-child :选中第一个
:last-child :选中最后一个
表单伪类
input:checked 给选中的input添加样式（单选框，复选框）
input:focus 给获取焦点的input添加样式（获取焦点：鼠标在闪，输入的时候）
伪元素
以::开头的（在css1、css2中以:开头，容易与伪类混淆，不是一个东西）用于选择dom中不存在的元素
::after
在元素后添加内容
::before
在元素前添加内容
::selection
指定元素中被选中的内容
::first-letter
选中第一个文字
::first-line 选中第一行文字
结构选择器
~ 毗邻选择器 可以选择所有的兄弟（比如：.
first:hover ~ .third 就可以）
+ 相邻选择器 只能选择相邻的兄弟
(比如: .
first:hover + .third 就不行，因为1.3不相邻
)
> 子元素选择器 只能选择第一层子元素
空格 后代选择器 选择后代所有层元素
属性选择器
div[llb] 属性选中llb
div[llb=
"hello"] 属性选中llb，值为hello的
div[llb~=
"hello"] 属性选中llb，值有hello这个词的
div[llb^=
"hello"] 属性选中llb，值以hello开头的
div[llb$=
"hello"] 属性选中llb，值以hello结尾的
div[llb*=
"hello"] 属性选中llb，值有hello的
div[llb|=
"hello"] 属性选中llb，值以hello-开头的
<div llb=
"">lllalsjkdf</div>
<div llb=
"hello">lllalsjkdf</div>
<div llb=
"hello world">lllalsjkdf</div>
<div llb=
"helloyaha">lllalsjkdf</div>
