美文网首页
CSS选择器优先级与权重

CSS选择器优先级与权重

作者: hello_water | 来源:发表于2017-03-22 20:30 被阅读36次
    选择器类别 权重 优先级
    !important 1,0,0,0,0 最高,全局性
    元素内样式style 1,0,0,0 1
    id选择器 0,1,0,0 2
    类/属性/伪类 0,0,1,0 3
    元素/伪元素 0,0,0,1 4
    通配选择器* 0,0,0,0 5

    !important是用来使IE6和IE7、IE8、火狐(Firefox)、google等浏览器做兼容的,但IE6不能执行!important。
    在使用!important时需要注意:

    • Never 永远不要在全站范围的 css 上使用 !important
    • Only 只在需要覆盖全站或外部 css(例如引用的 ExtJs 或者YUI )的特定页面中使用 !important
    • Never 永远不要在你的插件中使用 !important
    • Always 要优化考虑使用样式规则的优先级来解决问题而不是 !important

    参考:CSS选择器优先级及!important属性

    相关文章

      网友评论

          本文标题:CSS选择器优先级与权重

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