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 的优先级机制[总结]

CSS 样式优先级

标签：

原文地址：http://www.cnblogs.com/hzj680539/p/5093891.html