CSS优先级
CSS优先级计算器
计算并比较CSS选择器的优先级，附带详细说明
1
ID
2
Classes/Attr
1
Elements
121
Total
0
ID
2
Classes/Attr
1
Elements
21
Total
胜出的选择器
A
Specificità 1,2,1 vs 0,2,1
FAQ
常见问题
关于CSS优先级的所有须知
如何计算CSS优先级？
优先级计算为三元组(a,b,c)："a"计算ID(#id)，"b"计算类(.class)、属性([attr])和伪类(:hover)，"c"计算元素(div, p)和伪元素(::before)。比较时从左读：1,0,0总是比0,10,0高。
为什么优先级很重要？
当多个CSS规则应用于同一元素时，优先级最高的规则胜出。理解优先级可以避免样式意外，并减少对!important的滥用。良好的CSS架构保持低而可预测的优先级。