选择器
- 标签选择器 div {}
- class选择器 .btn {}
- id选择器 #btn {}
- 通配符选择器 * {}
- 组合选择器 div, .btn，#btn {}
- 层级选择器 div>p{} div下的所有子p标签
- 后代选择器 div p{} div下的所有p标签
- 兄弟选择器 div+p 与div相邻的p标签
- 通用选择器 div~p 与div同等级的所有p标签
- 伪类选择器
11.其他选择器
序选择器的类型（同级别）
（1）p:first-child: 选中同级别中的第一个标签进行修改
（2）p:nth-child(3): 选中同级别中第3个标签进行修改
（3）p:last-child: 选中同级别中最后一个标签进行修改;
（4）p:only-child: 选中同级别中的唯一子p标签进行修改。
（5）p:nth-child(odd): 修改同级别奇数标签；
（6）p:nth-child(even): 修改同级别偶数标签；
（7）p:nth-child(xn+y): 输入任意的x与y，修改任意行的标签(n从0到标签最大值);
序选择器的类型（同类型）
（1）first-of-type:修改同类型标签中的第一个标签；
（2）last-of-type:修改同类型标签中的最后一个标签；
（3）nth-of-type(3):修改同类型标签中的第3个标签；
（4）nth-last-of-type(n):修改同类型标签中倒数第n个标签；
（5）only-of-type:修改同类型标签中的唯一标签。
（6）nth-of-type(odd):修改同类型奇数标签；
（7）nth-of-type(even):修改同类型偶数标签；
（8）nth-of-type(xn+y):输入任意的x与y，修改任意行的标签(n从0到标签最大值);
- 伪元素选择器：：
p::after{
content:“内容”；
样式；
} 在p中的最后添加
p::beforer{
content:“内容”；
样式；
} 在p中的前面添加
选择器优先级
！important 特殊性最高，详情访问重要性
对于内联样式，加1000
对于选中器中给定的ID属性值，加0100
对于选择器中给定的类属性值，属性选择或伪类，加0010
对于选择器中给定的元素选择器和伪元素，加0001.
结合符和通配符选择器对特殊性没有任何贡献，0000
内联样式 > ID选择器 > 类选择器 = 属性选择器 = 伪类选择器 > 元素选择器 = 关系选择器 = 伪元素选择器 > 通配符选择器
内容仅供学习参考，若有错误欢迎大家指正----WUCASE