您的位置:首页 > HTML+CSS > css权重的计算规则

css权重的计算规则

来源:https://www.py.cn/web/css/34444.html 热度:185   更新时间:2022-08-07

文章导读:1、用四位数串来表示权重。每个数字代表一个级别,从左到右,级别依次降低,级别之间没有进位。每个选择器的贡献值叠加了最终权重值。2、继承风格的权重为0。行内风格的权重大于所有选择器。!important命令表示优先级。权重相同时,采用层叠。实。

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

以上就是css权重的计算规则,希望对大家有所帮助。