CSS——选择器

选择器：
　　 1、id选择器

　　2、class类选择器

　　3、标签选择器

　　4、群组选择器(,隔开)

　　5、*通配选择器

　　6、层次选择器：
　　　　后代选择器： M N{ }
　　　　父子选择器 M > N{ }
　　　　兄弟选择器 M ~ N{ } 当前M下面的所有兄弟N标签
　　　　相邻选择器 M + N{ } 当前M下面相邻的N标签（唯一）

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

 

　　8、伪类选择器
　　CSS伪类用于向某些元素添加特殊的效果。一般用于初始样式添加不上的时候，用伪类来添加。
　　　　:link
　　　　:visited
　　　　:hover
　　　　:active
　　注：link,visited只能给a标签加,hover和active可以给所有的标签加
　　如果四个伪类都生效，注意顺序：L V H A
　　一般网站只这样设置：a{} a:hover{}

　　:after :before 通过伪类的方式给元素添加一个文本内容，使用content属性
　　:checked :disabled :focus 都是针对表单元素的

 

　　9、结构伪类选择器
　　　　:nth-of-type(1) :nth-child()
　　　　角标是从1开始的，1表示第一项，2表示第二项 | n值 表示从零到无穷大
　　　　:first-of-type :first-child
　　　　:last-of-type :last-child
　　　　:only-of-type :only-child