浏览器客户端

2023-02-28 21:52| 来源: 网络整理| 查看: 265

选择器的特异性由 CSS2 规范（2.1）定义如下：

权重 a：行内样式 style

权重 b：id

权重 c：class、属性选择器、伪类

权重 d：元素名、伪元素

无权重：* 通配符

将四个数字按 a-b-c-d 这样连接起来，按照 a > b > c > d 规则比较权重。

* {} /* a=0 b=0 c=0 d=0 -> specificity = 0,0,0,0 */ li {} /* a=0 b=0 c=0 d=1 -> specificity = 0,0,0,1 */ li::first-line {} /* a=0 b=0 c=0 d=2 -> specificity = 0,0,0,2 */ ul li {} /* a=0 b=0 c=0 d=2 -> specificity = 0,0,0,2 */ ul ol+li {} /* a=0 b=0 c=0 d=3 -> specificity = 0,0,0,3 */ h1 + *[rel=up] {} /* a=0 b=0 c=1 d=1 -> specificity = 0,0,1,1 */ ul ol li.red {} /* a=0 b=0 c=1 d=3 -> specificity = 0,0,1,3 */ li.red.level {} /* a=0 b=0 c=2 d=1 -> specificity = 0,0,2,1 */ #x34y {} /* a=0 b=1 c=0 d=0 -> specificity = 0,1,0,0 */ style="" /* a=1 b=0 c=0 d=0 -> specificity = 1,0,0,0 */

【本文地址】

公司简介

联系我们