css选择器

基本选择器

1. 通配符(通用选择器):*
2. 标签选择器(类型选择器):sapn,a,p等等
3. 类选择器:.class
4. id选择器:#id
5. 属性选择器:[attr],[attr=value]等等

分组选择器

1. , : span,div同时匹配 这两个

组合器

1. 后代组合：.A .B 匹配位于.A中的.B元素
2. 直接后代：.A > .B匹配位于.A中直接后代.B元素
3. 一般兄弟组合：.A ~ .B匹配同一父元素下.A元素后的所有.B元素
4. 紧邻兄弟组合：.A + .B匹配同一父元素下紧邻.A元素的.B元素

伪选择器

1. 伪类：添加到选择器的关键字，指定要选择的元素的特殊状态
2. 伪元素：附加至选择器末的关键词，允许你对被选择元素的特定部分修改样式

参考

1.MDN:CSS选择器
2.MDN:CSS伪类
3.MDN:CSS伪元素