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个数一样,再看类名个数

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

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

www.dengb.comtruehttps://www.dengb.com/HTML_CSS/1406422.htmlTechArticleCSS选择器的优先级, 常用 CSS选择器 查看地址 (https://www.cnblogs.com/hleisurely/p/12836777.html) 1.选择器的优先级 !important的优先级别最高 权重值为…

—-想了解更多的css相关样式处理怎么解决关注<计算机技术网(www.ctvol.com)!!>

本文来自网络收集,不代表计算机技术网立场,如涉及侵权请联系管理员删除。

ctvol管理联系方式QQ:251552304

本文章地址:https://www.ctvol.com/csstutorial/117281.html

(0)
上一篇 2020年5月21日
下一篇 2020年5月21日

精彩推荐