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

寵の児 提交于 2020-02-27 12:55:41

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

  • 行内样式规则,加1000

eg,<html>

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

  • 对于选择器中给定的各个id属性值,加100
  • 对于选择其中给定的各个类属性,属性选择器或者伪类选择器,加10
  • 对于选择器中给定的各个元素标签选择器,加1
  • 如果权值一样,就按照样式规则的先后顺序来应用,顺序靠后的覆盖前面的规则
易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!