层叠的重要度次序从高到低:

标有!important的用户样式;

标有!important的作者样式;

作者样式;

用户样式;

浏览器/用户代理应用的样式。

特殊性

为了计算规则的特殊性,CSS给每种选择器都分配了一个数字值。然后将每个选择器的特殊性的值相加计算出其总的特殊性。这保证了特殊的选择器不会被一般选择器的样式所覆盖。

选择器的特殊性分为4个等级:a, b, c, d:

如果是行内样式,a=1;其余情况a=0;

如果是ID选择器,b=1;

如果是class、伪类和属性选择器,c=1;

如果是类型选择器和伪元素选择器,d=1。

例子:

特殊性 特殊性(a, b, c, d) 以10为基数的特殊性
style="" 1,0,0,0 1000
#id #anotherId{} 0,2,0,0 200
div, p{} 0,0,0,2 2

如果两个规则的特殊性相同,那么后定义的规则优先。

本文作者:子匠_Zijor,转载请注明出处:http://www.dengzhr.com/frontend/css/287