首页 > 文章列表 > css权重的计算规则

css权重的计算规则

css权重
185 2022-08-06

1、用四位数串来表示权重。每个数字代表一个级别,从左到右,级别依次降低,级别之间没有进位。

每个选择器的贡献值叠加了最终权重值。

2、继承风格的权重为0。行内风格的权重大于所有选择器。

!important命令表示优先级。

权重相同时,采用层叠。

实例

#box ul li a.cur  {color:red;}
 
#box li .cur {color:green;}
 
#box ul li a.cur   权重是  100+1+1+1+10 = 113
 
#box li .cur 权重是  100+1+10  = 111