码迷,mamicode.com
首页 > Web开发 > 详细

514 ,css不同选择器的权重(css层叠的规则)

时间:2020-02-27 13:01:12      阅读:85      评论:0      收藏:0      [点我收藏+]

标签:body   htm   顺序   pad   imp   大于   add   col   选择器   

!important规则最重要,大于其它规则

  • 行内样式规则,加1000

eg,<html>

  <head>
  </head>
  <body>
    <h3>站长中心</h3>
<p style="padding-left: 60;color: blue">
站长
 </p>
  </body>
</html>

  • 对于选择器中给定的各个id属性值,加100
  • 对于选择其中给定的各个类属性,属性选择器或者伪类选择器,加10
  • 对于选择器中给定的各个元素标签选择器,加1
  • 如果权值一样,就按照样式规则的先后顺序来应用,顺序靠后的覆盖前面的规则

514 ,css不同选择器的权重(css层叠的规则)

标签:body   htm   顺序   pad   imp   大于   add   col   选择器   

原文地址:https://www.cnblogs.com/1998Archer/p/12371480.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!