css选择器

1.css选择器中，::first-letter和::first-line伪元素选择器可以将一部分内容视作一个元素，从而使得除了该伪元素选择器设置的样式外，其他所有作用这部分内容上的样式成为继承样式；

所以伪元素选择器虽然权重只有1，但是设置的样式会最优先显示；

2.选择器的样式优先级：

1. 行内：1，0，0，0
2. id:1，0，0
3. 类，伪类，属性：1，0
4. 元素，伪元素：1

3.组合选择器：

1. 后代选择器：用空格隔开
2. 子选择器：>
3. 相邻兄弟选择器：+
4. 普通兄弟选择器：~（波浪号）
5. 交集选择器：a#box1  a.box1 (标签和id或class一起写)
6. 并集选择器:,（逗号）

4.伪类选择器

1. link,visited,focus,hover,active  顺序不可乱，否则会因为样式的先后问题，出现后面的样式覆盖前面的样式
2. nth--child,nth-of-type,nth-last-child,nth-last-of-type

5.伪元素选择器

1. ::before，::after 
2. ::first-letter，::first-line  仅适用于块级元素

 

转载于:https://www.cnblogs.com/chwafo/p/7976156.html