css中的选择器

层次选择器：
后代：M N{ }
父子：M>N{ }
兄弟：M~N{ }
相邻：M+N{ }

属性选择器：
M[attr] { }
= ：完全匹配
*= 部分匹配
^= 起始匹配
$= 结束匹配

伪类选择器：
M:伪类{ }
:hover 鼠标移入时的样式 （可以添加给所有的标签）
:active 鼠标按下时的样式 （可以添加给所有的标签）
:link 访问前的样式 （只能添加给a标签）
:visited 访问后的样式 （只能添加给a标签）
如果四个伪类都生效，顺序：L V H A
:after , :before 通过伪类的方式给文本添加文本内容，使用content属性，在给添加的文本添加样式时非常方便
:checked 、:disabled、:focus 都是针对表单元素的

结构性伪类选择器：
nth-of-type()、 nth-child() 角标从1开始，1表示第一项，n表示选择所有，2n表示选择偶数项
first-of-type、 nth-child
last-of-type、 nth-child
only-of-type、 nth-child