CSS选择器的优先级

2020-05-18 16:00:45来源:博客园 阅读 ()

新老客户大回馈,云服务器低至5折

CSS选择器的优先级

常用 CSS选择器 查看地址(https://www.cnblogs.com/hleisurely/p/12836777.html)

1.选择器的优先级

!important的优先级别最高 权重值为1111

用来提升某个直接选中标签的选择器中某个属性的优先级的,可以将被指定的属性的优先级提升为最高

第一等级:内联样式 如: style="", 权重值为1000

第二等级:ID选择器 如: #content, 权重值为0100

第三等级:类、伪类和属性选择器 如: .content, 权重值为0010

第四等级:类型选择器和伪元素选择器 如: div p, 权重值为0001

第五等级:通配符、子选择器、相邻选择器 如:*、>、+, 权重值为0000

第六等级:继承的样式没有权值

2.优先级的权重算法

作用:当多个选择器混合在一起使用时,我们可以通过计算权重来判断谁的优先级最高

谁的id最多谁的优先级最高

id个数一样,再看类名个数

如果类名个数一样,再看标签的个数

要是都一样,谁在后面按照哪个来


原文链接:https://www.cnblogs.com/hleisurely/p/12912509.html
如有疑问请与原作者联系

标签:

版权申明:本站文章部分自网络,如有侵权,请联系:west999com@outlook.com
特别注意:本站所有转载文章言论不代表本站观点,本站所提供的摄影照片,插画,设计作品,如需使用,请与原作者联系,版权归原作者所有

上一篇:初级Web前端工程师掌握这些知识点,月薪8000妥妥滴

下一篇:3.border和background