看《CSS 揭秘》一书提到不要滥用!important打补丁,如果你熟知CSS优先级的话,然后搜了下css优先级,找到了说的比较好的,记录一下。
特指度
特指度(specificity)。特指度表示一个css选择器表达式的重要程度,可以通过一个公式来计算出一个数值,数越大,越重要。
这个计算叫做“I-C-E”计算公式,
- I——Id;
- C——Class;
- E——Element;
即,针对一个css选择器表达式,遇到一个id就往特指度数值中加100,遇到一个class就往特指度数值中加10,遇到一个element就往特指度数值中加1。
css选择器表达式 | 特指度计算结果 |
p | 1 |
p.large | 11 |
p#large | 101 |
div p#large | 102 |
div p#large ul.list | 113 |
div p#large ul.list li | 114 |
转载自:css选择器优先级详细说明