css样式权重优先级,css样式优先级

原文:http://www.bkjia.com/Javascri…

样式选择器权重优先级:

important > 内嵌样式 > ID > 类 > 标签 | 伪类 | 属性选择 > 伪对象 > 继承 > 通配符

  • important的权重为1,0,0,0
  • ID的权重为0,1,0,0
  • 类的权重为0,0,1,0
  • 标签的权重为0,0,0,1
  • 伪类的权重为0,0,1,0
  • 属性的权重为0,0,1,0
  • 伪对象的权重为0,0,0,1
  • 通配符的权重为0,0,0,0

忽然意识到上文的第二行 important > 内嵌样式 > ID > 类 > 标签 | 伪类 | 属性选择 > 伪对象 > 继承 > 通配符 排序不对啊
于是,又搜了很多,资料如下:
CSS 样式优先级
css优先级
css的样式优先级
css样式继承问题

其中一篇有说这句:

任何显示申明的规则都可以覆盖其继承样式。

还有一篇是这样排序的:

多重样式间遵循:继承来的样式 < 浏览器缺省设置 < 外部样式表 = 内部样式表 < 内联样式

结合 css样式继承问题 这个问题及其答案来看,继承的优先级的确是最低的。

    原文作者:北堂棣
    原文地址: https://segmentfault.com/a/1190000004838700
    本文转自网络文章,转载此文章仅为分享知识,如有侵权,请联系博主进行删除。
点赞