CSS 样式优先级

首先,选择器优先级顺序

优先级逐级增加的选择器列表:

  • 通用选择器(*)
  • 元素(类型)选择器
  • 类选择器
  • 属性选择器
  • 伪类
  • ID 选择器
  • 内联样式

!important 规则例外,该样式声明会覆盖CSS中任何其他的声明

一些经验法则:

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

其次,样式位置优先级

一般情况下,优先级如下:

(外部样式)External style sheet <(内部样式)Internal style sheet <(内联样式)Inline style

Note: 如果外部样式放在内部样式的后面,则外部样式将覆盖内部样式。

MDN CSS样式优先级

CSS 的优先级机制[总结]

posted @ 2016-01-01 22:29  提佰萬  阅读(205)  评论(0编辑  收藏  举报