css选择器优先级顺序

CSS选择器的优先级顺序：1、!important；2、行内样式；3、ID选择器；4、类选择器；5、标签选择器；6、通配符选择器；7、浏览器的自定义属性和继承。用到多个后代样式时，优先级的情况：1、 id个数多的优先级高；2、id和class个数相等看元素个数；3、优先级相同看选择器类型和个数。

一、CSS选择器的优先级顺序

1. !important（在属性后面写上这条样式，会覆盖掉页面上任何位置定义的元素的样式。）
2. 行内样式，在style属性里面写的样式。
3. id选择器
4. class选择器
5. 标签选择器
6. 通配符选择器
7. 浏览器的自定义属性和继承

二、复杂选择器优先级，后代选择器优先级多种情况

1. 写样式的时候用到好多个后代样式，优先级的情况：
2. id个数多的优先级高
3. id和class个数相等，看元素个数，个数越多优先级越高。
4. 优先级相同，后面的样式会覆盖前面的样式， 不分先后顺序，只看选择器类型和个数。

拓展阅读

css有哪几种选择器

1. 元素选择器
2. id选择器
3. 类选择器
4. 分组选择器（并集选择器）
5. 复合选择器（交集选择器）
6. 通配选择器
7. 后代元素选择器
8. 子元素选择
9. 伪类选择器
10. 属性选择器
11. 兄弟元素选择器