CSS优先级是决定样式生效的关键因素，包括id选择器、类选择器、标签选择器等不同权重。重要性顺序为：!important > 内联样式 > ID选择器 > 类选择器/属性选择器/伪类 > 标签选择器/伪对象 > 通配符 > 继承。计算权重时，id选择器权重为100，类、属性和伪类为10，标签和伪对象为1。理解并正确使用优先级能避免样式冲突，确保页面呈现预期效果。
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、忽略通配符选择器
通配符选择器忽略不计
539
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
