【css层叠】css优先级,权重和层叠
来源:互联网 发布:log4j.xml 输出sql 编辑:程序博客网 时间:2024/05/01 10:53
css三大铁性--层叠
优先级:
继承<通配符(*)<标签选择器<类选择器<id选择器<行内样式<!important
!important用法:color:red !important; color属性是默认继承的,但是此处子元素继承到的为color:red; 而不是color:red !important;外联样式表和嵌套样式表看成一个文件,在优先级相同的情况下后边的层叠掉前边的。
权重:
上边的优先级是对单一的选择器来说的,但是对于复合选择器,比如子代选择器(div p),并集选择器(div,p),交集选择器(div.p),可以用权重算法。
第一步:找到能确定到这个元素的选择器。注意:比如父级某个可继承元素的某个属性有!important也不参与比较。
第二步:(0,0,0,0)第一个数!important个数(该数是个特例,到底有几个,是看单个属性的,而不是看这个选择器中有几个),第二个数id选择器的个数,第三个数类选择器个数,第四个数标签选择器的个数。
第三部:从第一个数比较,第一个数大则该属性权重最高,相同则比较第二个。
权重完全相同,则比较先后出现顺序。
小知识:实际上浏览器再看选择器的时候是从右向左看的。
0 0
- 【css层叠】css优先级,权重和层叠
- CSS:权重和层叠规则决定了其优先级
- css三大特性继承、层叠和优先级(权重)
- css 层叠性 统计权重 优先级问题
- css-继承、优先级、层叠
- CSS样式层叠权重值
- CSS选择器,继承,层叠,权重
- css层叠性,优先级问题
- {{CSS}}结构和层叠
- CSS结构和层叠
- CSS中的层叠上下文和层叠水平
- CSS中的层叠上下文和层叠顺序
- CSS层叠
- 深入解析CSS样式层叠权重值
- 深入解析CSS样式层叠权重值
- CSS-层叠性中的权重计算规则
- CSS优先级和层叠样式表作用域的理解
- CSS规则层叠时的优先级算法
- 指针的知识点
- 文章标题
- matlab 中一些常见的函数1
- Java链表练习实现一元多项式的加法
- Java/JSP中使用JDBC连接SQL Server 2005
- 【css层叠】css优先级,权重和层叠
- Brain Burst
- 商品订购及货物采购信息系统(需求分析)
- [翻译]WebKit在Windows上的建立
- Java设计模式之-桥接模式
- MVP/MVVP
- 2-sat(求最小字典序 hdu 1814)
- 解析Json数据:使用FastJson进行解析json数据<三>
- hdu 1203 I NEED A OFFER! 变形01背包