CSS选择器及优先级

选择器

基础选择器      通配符选择器        标签选择器/元素选择器           类选择器

id选择器           复合选择器                  后代选择器                     子代选择器

并集选择器        伪类选择器               新增选择器                        属性选择器

结构伪类选择器           伪元素选择器

优先级

0：通配符选择器（继承）

1：标签选择器、伪元素选择器

10：类选择器、属性选择器、结构伪类选择器

100：id选择器

1000：内联样式

无穷大：！important

需计算累加权重：复合选择器

注意

!important声明的样式的优先级最高；

如果优先级相同，则最后出现的样式生效；

继承得到的样式的优先级最低；

通用选择器（*）、子选择器（>）和相邻同胞选择器（+）并不在这四个等级中，所以它们的权值都为 0 ；

样式表的来源不同时，优先级顺序为：内联样式 > 内部样式 > 外部样式 > 浏览器用户自定义样式 > 浏览器默认样式。