美文网首页
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问题整理(持续更新中...)

    1. css权重、优先级 权重 内联样式id选择器class、属性选择器(eg:[title]{ color:bl...

  • CSS样式(选择器)的优先级

    css样式(选择器)的优先级 计算权重分类 important 内联样式 后写的优先级高

  • CSS选择器优先级及!important属性

    CSS的选择器是有权重的,当不同选择器的样式设置有冲突时,会采用权重高的选择器设置样式。权重(即优先级)的规则如下...

  • css3

    CSS三大特性 1成叠行 2继承性 3优先级性 行内样式>id选择器权重>类选择器>标签选择器 /*1. 权重相同...

  • 归零——CSS-第四天

    CSS学习 CSS权重 选择器 权重...

  • web前端入门到实战:详细解读 CSS 优先级,你与成熟前端的差

    CSS 优先级注意事项 1、优先级就是分配给指定的 CSS 声明的一个权重,它由匹配的选择器中的每一种选择器类型的...

  • day23 - css核心属性(总结)

    1.选择器优先级 选择器优先级每种选择器都有一个权重值,权重值越大,优先级越高;权重值一样的时候谁后写,谁的优先级...

  • day23 css核心属性

    1选择器的优先级 每种选择器都有一个权重值,权重值越大,优先级越高;权重值一样的时候谁后写,谁的优先级高标签选择器...

  • css选择器的优先级

    一、css选择器的优先级和权重知识 1.1各类选择器的介绍 (1)标签选择器和通配符选择器(用*表示) 标签有h1...

  • day3-CSS核心属性

    一.选择器的优先级 优先级每种选择器都有一个权重值,权重值越大,优先级越高;权重值一样的时候谁后写,谁的优先级高标...

网友评论

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

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