css的样式选择优先级
2017-10-11 14:29
483 查看
样式控制可以有很多种方式,有时候会发现写的样式无效或者冲突,这时候就要考虑的样式起作用的优先级问题,一般来说样式优先级遵循如下原则(从高到低):
1. !important
2. 行内选择器(标签style属性)
3. id选择器(#id)
4. 类选择器(.class)
5. 标签选择器(span)
注:
1.同等优先级的选择器,遵循就近原则,谁写在后边距离标签越近的优先级越高;
2.内嵌样式与外部引用的样式,并无优先级区分,谁最后导入的谁优先级高。
1. !important
2. 行内选择器(标签style属性)
3. id选择器(#id)
4. 类选择器(.class)
5. 标签选择器(span)
注:
1.同等优先级的选择器,遵循就近原则,谁写在后边距离标签越近的优先级越高;
2.内嵌样式与外部引用的样式,并无优先级区分,谁最后导入的谁优先级高。
相关文章推荐
- 详解CSS中的选择器优先级及样式层叠问题解决
- CSS 渲染样式优先级(选择器优先级)
- css学习之路(3)--css如何选择样式(优先级)
- asp.net css 样式选择器,优先级
- css多重样式优先级
- js随笔,css和js禁止网页选择文本,table的class样式使得td的class样式失效,jquery获得元素坐标
- css样式优先级详解
- 动态CSS站点教程:多个页面样式提供浏览者选择
- css样式优先级
- CSS样式定义的优先级顺序总结
- CSS 的优先级机制(无法覆盖bootstrap的样式)
- CSS:样式、选择器、特性、格式化排版
- CSS 样式优先级
- HTML中嵌入CSS的四种方式及优先级、如何选择内嵌式和链接式
- js随笔,css和js禁止网页选择文本,table的class样式使得td的class样式失效,jquery获得元素坐标
- css样式优先级
- 层叠样式优先级CSS
- CSS 选择符有哪些?哪些样式可以继承?优先级算法如何计算? CSS3新增伪类有那些?
- 转载:CSS的组成,三种样式(内联式,嵌入式,外部式),优先级