css权重的计算规则是什么

这篇文章主要介绍“css权重的计算规则是什么”，在日常操作中，相信很多人在css权重的计算规则是什么问题上存在疑惑，小编查阅了各式资料，整理出简单好用的操作方法，希望对大家解答”css权重的计算规则是什么”的疑惑有所帮助！接下来，请跟着小编一起来学习吧！

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权重的计算规则是什么”的学习就结束了，希望能够解决大家的疑惑。理论与实践的搭配能更好的帮助大家学习，快去试试吧！若想继续学习更多相关知识，请继续关注亿速云网站，小编会继续努力为大家带来更多实用的文章！