1.css选择器中,::first-letter和::first-line伪元素选择器可以将一部分内容视作一个元素,从而使得除了该伪元素选择器设置的样式外,其他所有作用这部分内容上的样式成为继承样式;
所以伪元素选择器虽然权重只有1,但是设置的样式会最优先显示;
2.选择器的样式优先级:
- 行内:1,0,0,0
- id:1,0,0
- 类,伪类,属性:1,0
- 元素,伪元素:1
3.组合选择器:
- 后代选择器:用空格隔开
- 子选择器:>
- 相邻兄弟选择器:+
- 普通兄弟选择器:~(波浪号)
- 交集选择器:a#box1 a.box1 (标签和id或class一起写)
- 并集选择器:,(逗号)
4.伪类选择器
- link,visited,focus,hover,active 顺序不可乱,否则会因为样式的先后问题,出现后面的样式覆盖前面的样式
- nth--child,nth-of-type,nth-last-child,nth-last-of-type
5.伪元素选择器
- ::before,::after
- ::first-letter,::first-line 仅适用于块级元素