zoukankan      html  css  js  c++  java
  • 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样式继承问题 这个问题及其答案来看,继承的优先级的确是最低的。

    正确的优先级排序应该是:

    important > 内联样式 > ID > 类 | 伪类 | 属性选择 > 标签 | 伪元素 > 继承 > 通配符
    

    本文转载于:猿2048https://www.mk2048.com/blog/blog.php?id=h20jb0c2a2j

  • 相关阅读:
    C语言I博客作业09
    C语言I博客作业08
    14
    13
    12
    11
    10
    9
    8
    7
  • 原文地址:https://www.cnblogs.com/10manongit/p/12954983.html
Copyright © 2011-2022 走看看