CSS选择器优先级与权重

选择器类别 权重 优先级
!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属性

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 问答题47 /72 常见浏览器兼容性问题与解决方案? 参考答案 (1)浏览器兼容问题一:不同浏览器的标签默认的外补...
    _Yfling阅读 13,827评论 1 92
  • 当初并不明白为什么要学css优先级。感觉只要效果实现了就行。撑死了我写的css执行效率不高。但是当我去改别人的cs...
    清水芦苇阅读 312评论 0 1
  • 一、CSS选择器 关于CSS选择器,首先请看这里:CSS 选择器参考手册 通过以上,我们可以将CSS选择器分为以下...
    fehysunny阅读 2,287评论 0 2
  • 前端开发面试知识点大纲: HTML&CSS: 对Web标准的理解、浏览器内核差异、兼容性、hack、CSS基本功:...
    秀才JaneBook阅读 2,585评论 0 25
  • 概念 浏览器通过优先级来判断哪一些属性值与一个元素最为相关,从而在该元素上应用这些属性值。优先级基于由各种选择器组...
    hcxowe阅读 451评论 0 1