首页 > Web开发 > 详细

CSS选择器的优先级

时间:2020-05-18 19:51:07      阅读:51      评论:0      收藏:0      [点我收藏+]

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

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

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

CSS选择器的优先级

原文:https://www.cnblogs.com/hleisurely/p/12912509.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!