美文网首页
选择器优先级计算

选择器优先级计算

作者: antimony | 来源:发表于2019-03-03 17:39 被阅读0次

    单个选择器优先级从高到低分别是:

    1.!important:在属性后面使用 !important 会覆盖页面内任何位置定义的元素样式
    2.内联样式:style="..."
    3.ID选择器
    4.类选择器
    5.伪类选择器
    6.属性选择器
    7.标签选择器
    8.通配符选择器
    9.浏览器自定义

    复杂场景优先级需要计算:

    按权重由高到低作如下归类:

    行内样式 <div style="xxx"></div> ==> a
    ID 选择器 ==> b
    类,属性选择器和伪类选择器 ==> c
    标签选择器、伪元素 ==> d
    当a权重相同的时候,比较b,以此类推,谁的权重大就显示谁的样式

    相关文章

      网友评论

          本文标题:选择器优先级计算

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