首页 > 编程知识 正文

css定义的权重是什么,css 权重

时间:2023-05-04 16:27:03 阅读:189506 作者:4569

CSS权重及其计算:

每个选择器都有自己的权重。 你所有的css规则都包含权重级别。

这个等级由不同的选择器进行加权计算,根据权重的不同,不同的风格最终会作用于你的网页。

如果不了解CSS的权重,在编写CSS代码的过程中使用各种选择器时,如果不知道哪个选择器的优先级高,哪个选择器的优先级低,最原始下流的方法只能是“死记硬背”,但如果了解CSS的权重的话!

选择器优先原则: important行间样式ID选择器class选择器|伪类选择器|属性选择器元素选择器|伪元素选择器通配符选择器|子选择器|相邻同级选择器1.CSS权重是指样式的优先级

CSS的权重值例如! important (除样式属性值外) 10000demo ) background-color:red! 导入; }行间距模式1000style=''id100#contentclass,属性,伪类10.demo{},[span]{},a:link {color:red; }标记、伪元素1div{}通配符()、子选择器()、相邻选择器) )、同胞选择器) (0*{}、divspan ) ) http://www.Sina.com/

! important的权重值在256的数值中是正整数。 在权重运算的过程中,正的无限1与正的无限进行比较,在数学上无法进行比较,但在计算机中总是正的无限1的正的无限。 这是因为计算机表示的数字可以与无限大的数字进行比较。 也就是说,计算机中的正无限表示定量的值,无限大的数量可以用计算机与无限大的数量进行比较

2.CSS权重计算CSS文件

demo.css

/*这是一个class选择器*/.classDiv .classP{/*权重((.classDiv=10 ) ).classP=10 )=20 */background-color 3360 rror }/*这是id选择器*/#idDiv #idP{/*权重(#idDiv=100 ) ) #idP=100 )=200 */background-color : green; }/*这是id选择器和class选择器*/#idDiv .classP{/*权重的值。 (#idDiv=100 ) ).classP=10 )=110 */background-color : pink; }/*这是id选择器和标签选择器*/#idDiv p{/*权重(#idDiv=100 ) ) p=1)=101 )/background-color:yellow; } HTML文件

cry.html

html lang='zh,en ' headtitlemyweb/titlemetacharset=' utf-8 ' link rel=' style sheet ' type=' text/CSS ' href '

如上图所示,权重运算根据选择器的权重值进行运算,权重值大的优先级大于权重值小的优先级,因此输出权重值大的输出结果

虽然没有列举上述所有情况,但运算的方法相似。 我希望这篇文章对你有帮助。

我比较粗略。 以上,如果有错误的话请在评论区域指出来!

谢谢您的观看!

版权声明:该文观点仅代表作者本人。处理文章:请发送邮件至 三1五14八八95#扣扣.com 举报,一经查实,本站将立刻删除。