前端网页设计CSS选择器的优先级

来源:07素材网 05月18日 23:13

1.选择器的优先级

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

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

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

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

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

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

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

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

2.优先级的权重算法

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

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

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

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

要是都一样,谁在后面按照哪个来
原文出处:https://www.cnblogs.com/hleisurely/archive/2020/05/18/12912509.html
版权声明:本文来源地址若非本站均为转载,若侵害到您的权利,请及时联系我们,我们会在第一时间进行处理。

头条

在使用SQLite3时遇到的几个坑

在使用SQLite3时遇到的几个坑

《本打算在SQLite3数据库里执行一个查询语句,使用的是php语言,起初遇到的是权限问题: permission denied,因为SQLite3数据库文件和PHP执行者属于两个不同的用户,首先需要对这个文件执行mode 777的权限开放,然后,又遇到了下面这样的PHP错误