CSS权值计算的方法是什么


本篇内容介绍了“CSS权值计算的方法是什么”的有关知识,在实际案例的操作过程中,不少人都会遇到这样的困境,接下来就让小编带领大家学习一下如何处理这些情况吧!希望大家仔细阅读,能够学有所成!首先,什么是 CSS 权重呢?CSS 的权重,是选择器的相对重要程度值,也可以叫权值。这个权值决定了选择规则的优先级。通常我们对 CSS 的优免费云主机域名先级的规则主要有下面三条:1.CSS 权值不同时,权值高的优先;2.CSS 权值相同时,后定义的规则优先;3. CSS 属性后面加 !important 时,无条件绝对优先;只要得知权值的大小,就可以根据上面的规则进行比较。权重的计算方式得先得到基础的选择器的权重才能进行计算,基础选择器的权重如下:第一等级选择器:行间样式(内联样式)第二等级选择器:id 选择器第三等级选择器:class 选择器,伪类选择器,属性选择器第四等级选择器:标签选择器,伪元素选择器通用选择器(*),子选择器(>),相邻同胞选择器(+)等选择器:权重为0。(权重为零表示对计算结果不影响,所以可以不纳入计算)权值的计算公式为:(第一等级选择器*个数,第二选择器*个数,第三选择器*个数,第四选择器*个数)根据权值计算公式,得出一个四元组,通过逐一比较四元组的大小,得出权重的大小。比如有一权重计算结果为(1,0,2,4),另一权重计算结果为(1,0,2,3),则应用第一种权重所属的选择器。如上所示HTML代码,选中a的方式有如下几种:ul#nav li.active a 权值为(0,1,1,3);ul li.active a 权值为(0,0,1,2);ul.nav li.active a 的权值为(0,0,2,2);ul#nav li#first a 的权值为(0,2,0,2);如果样式在行间(也就是行间样式),权值为(1,0,0,0) ;如果某项 CSS 属性后面带 !important时,权值最大。1.
进行权重比较的时候,按顺序从左往右进行比较;2.
权值相同的情况下,后者优先进行渲染(也就是样式覆盖);3.
CSS 属性后面加 !important 时,无条件绝对优先(比内联样式还要优先)。“CSS权值计算的方法是什么”的内容就介绍到这里了,感谢大家的阅读。如果想了解更多行业相关的知识可以关注百云主机网站,小编将为大家输出更多高质量的实用文章!

相关推荐: .NET中的HashSet原理是什么

这篇文章主要介绍“.NET中的HashSet原理是什么”,在日常操作中,相信很多人在.NET中的HashSet原理是什么问题上存在疑惑,小编查阅了各式资料,整理出简单好用的操作方法,希望对大家解答”.NET中的HashSet原理是什么”的疑惑有所帮助!接下来,…

免责声明:本站发布的图片视频文字,以转载和分享为主,文章观点不代表本站立场,本站不承担相关法律责任;如果涉及侵权请联系邮箱:360163164@qq.com举报,并提供相关证据,经查实将立刻删除涉嫌侵权内容。

(0)
打赏 微信扫一扫 微信扫一扫
上一篇 08/21 22:34
下一篇 08/21 22:35

相关推荐