【说站】css权重的计算规则

2022-11-24 11:16:05 浏览数 (1)

css权重的计算规则

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

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

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

!important命令表示优先级。

权重相同时,采用层叠。

实例

代码语言:javascript复制
#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

以上就是css权重的计算规则,希望对大家有所帮助。更多css学习指路:css教程

css

0 人点赞