CSS选择器的优先级

标签：类型   logs   算法   作用   选中   没有   通配符   str   content   

常用 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选择器的优先级

标签：类型   logs   算法   作用   选中   没有   通配符   str   content   

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