CSS Specificity 中文一般译为 CSS 优先级, CSS 权重. 相比 "权重","优先级" 更好理解, mozilla 官方中文文档就翻译为 "优先级".
CSS 权重指的是 css6 大基础选择符的优先级, 优先级高的 CSS 样式会覆盖优先级底的 CSS 样式, 优先级越高说明权重越高, 反之亦然.
优先级的顺序如下:
important> 内联 (style)> ID> 类 (class)> 标签 (li...) | 伪类 (:hover,:focus...) | 属性选择 [attr='']> 伪对象 (:before,:after)> 通配符 (*)> 继承 (inherit)
计算 CSS 权重是有一定规则的, 根据 w3c 制定的 CSS 规范, CSS 权重计算规则如下:
1, 计算选择符中的 id 选择器的数量
一个 id 选择器为一个 a, 一个 a 为 100
2, 计算选择符中的类选择器, 属性选择器以及伪类选择器的数量
一个类选择器, 属性选择器以及伪类选择器为一个 b, 一个 b 为 10
3, 计算标签类型选择器和伪对象选择器的数量
一个标签类型选择器, 伪对象选择器为一个 c, 一个 c 为 1
4, 忽略通配符选择器
通配符选择器忽略不计
推荐: CSS 文档 https://www.html.cn/book/css/
来源: http://www.css88.com/qa/css3/16832.html