选择器总结

0、基础选择器：

id选择器：对应html中的id属性，写法是“#对应html标签中id属性的值”；
class选择器：对应html中的class属性，写法是“.对应html标签中class属性的值”；
通配符选择器：对应html中所有标签，写法是“*”；

1、群组选择器

• 可以通过逗号的方式，给多个不同的选择器添加统一的CSS样式，来达到代码的复用。

2、层次选择器

• 后代 : M N { }
• 父子 : M > N { }
• 兄弟 : M ~ N { }：当前M下面所有兄弟N标签
• 相邻 : M + N { }：当前M下面相邻的N标签

3、属性选择器

• M[attr] { }
• =：完全匹配
• *=：部分匹配
• ^=：起始匹配
• $=：结束匹配
• [][][]：组合匹配：同时有多个属性，才能被选择器修饰

4、伪类选择器

• M：伪类{ }
  • :link 链接访问前的样式（只能给a标签添加）
  • :visited 链接访问后的样式（只能给a标签添加）
  • :hover 鼠标移入时的样式
  • :active 鼠标点击时的样式
  • :after、:before 通过伪类的方式给元素添加一段文本内容，使用content属性
  • :checked、:disable、:focus 都是针对表单元素的
  • 结构伪类 :nth-of-type()、 :nth-child()