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

CSS选择器权重计算

时间:2019-01-22 17:35:47      阅读:173      评论:0      收藏:0      [点我收藏+]

标签:block   计算   code   优先   提升   优先级   没有   div   内联   

权重计算规则

  • 内联样式,如: style=" ",权值为1000
  • ID选择器,如:#content,权值为0100
  • 类,伪类和属性选择器,如.content,权值为0010
  • 类型选择器和伪元素选择器,如div p,权值为0001
  • 通配符、子选择器、相邻选择器等的。如*、>、+,权值为0000
  • 继承的样式没有权值。

    权值越大,权重越高

  • !important
    !important 用来提升优先级,加了这句的样式的优先级是最高的。

CSS选择器权重计算

标签:block   计算   code   优先   提升   优先级   没有   div   内联   

原文地址:https://www.cnblogs.com/guangzan/p/10304495.html

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