时间:2021-05-08
主要的css选择器有id,class,tag,[],:,::等,而通常需要对其优先级进行判断的有id,class,tag,另外内联样式和!important也和css的优先级有关系。
如果将这五种不同情况的优先级以数字的形式来表示的话,其对应关系如下:
!important(10000) > 内联样式(1000) > id(100) > class(10) > tag(1)
则通常的css优先级比较可转化为数值大小的比较,如:#list li和.list .content ul li,其优先级为:
100+1=101 > 10+10+1+1=22
前者的优先级大于后者。
以上这篇css优先级计算方法(推荐)就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持。
原文地址:http://www.cnblogs.com/lj1028/p/5683269.html
声明:本页内容来源网络,仅供用户参考;我单位不保证亦不表示资料全面及准确无误,也不保证亦不表示这些资料为最新信息,如因任何原因,本网内容或者用户因倚赖本网内容造成任何损失或损害,我单位将不会负任何法律责任。如涉及版权问题,请提交至online#300.cn邮箱联系删除。
最近开发项目的时候因为应用了大量的CSS样式导致某些关于样式的优先级出现了问题,于是又回过头去翻别人的文章和W3C上关于CSS优先权重的计算方法,关于代码的测试
CSS选择器权重值CSS具有自己的优先级计算方法,而不仅仅是行间>内部>外部、ID>class>元素1.样式类型行间样式我的行间CSS样式。内联样式h1{fon
CSS控制页面的4种不同方法的优先级如下: 导入式@import的优先级最低。 链接式link和内嵌式要看放在页面的顺序。 当然行内样式的优先级是最高
计算优先级优先级是根据由每种选择器类型构成的级联字串计算而成的。他是一个对应匹配表达式的权重。如果优先级相同,靠后的CSS会应用到元素上。注意:元素在文档树中的
(1)不使用eval()等系统自带的计算方法 (2)实现四则混合运算、括号优先级解析思路: 1、字符串预处理,将所有空格去除 2、判断是否存在括号运算