CSS 样式优先级
2016-01-01 22:29
537 查看
首先,选择器优先级顺序
优先级逐级增加的选择器列表:通用选择器(*)
元素(类型)选择器
类选择器
属性选择器
伪类
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--常用元素总结(一)-元素选择器-颜色-尺寸
- CSS3-给网页添加图片
- 块元素、内联元素、inline-block的特点
- CSS选择器相关以及CSS选择器的优先级
- CSS3 笔记五(Buttons)
- CSS3 笔记四(Transforms/Transition/Animations)
- CSS3-margin,padding,border
- CSS3 笔记三(Shadow/Text/Web Fonts)
- CSS3毛玻璃
- css中背景图片路径问题
- 获取css style值
- 保证CSS与JS最新
- CSS3 笔记二(Gradients)
- CSS 垂直居中。
- CSS 巧用 :before和:after
- Nancy Scripts,CSS文件夹配置
- TextView显示html样式的文字
- css中pt、px、em、ex、in等这类长度单位详细说明
- 专为控制打印设计的CSS样式
- input的值为浅淡样式(点击值消失)