美文网首页
CSS选择器权重

CSS选择器权重

作者: 三点水滴 | 来源:发表于2017-09-10 22:54 被阅读23次

    CSS中权重分为四个级别:

    1. 内联样式

    2. ID选择器

    3. 类,伪类,属性选择器

    4. 元素,伪元素

    可以使用0,0,0,0来对应四个级别

    也就是说,当给一个元素添加一个元素选择器,权重为1;当给一个元素添加一个类选择器,权重为10;以此类推,ID选择器为100,内联样式为1000。最后指节比较数值大小即可得到样式的优先级。

    需要注意的是,并不是说11个ID选择器的优先级就比内联样式高。


    特殊规则"!important"。当在CSS规则后面加上"!important"之后会将该规则提升至最高权重。

    相关文章

      网友评论

          本文标题:CSS选择器权重

          本文链接:https://www.haomeiwen.com/subject/mutxsxtx.html