# 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伪元素