特异性如何计算？

特异性计算为四部分元组(内联,ID,类,元素)。内联样式=1000，每个ID=100，每个类/伪类/属性=10，每个元素/伪元素=1。!important覆盖所有。

支持哪些选择器？

支持ID(#id)、类(.class)、元素(div)、伪类(:hover,:nth-child)、伪元素(::before,::after)、属性选择器以及:where()、:is()、:not()、:has()。

不会 - :where()的特异性贡献始终为零。本计算器正确处理了这一CSS特性。

每行输入一个CSS选择器：

div

.class

#id

div.class

#id.class

ul li:first-child

#header .nav a:hover

div > p + span.class

.wrapper .content ul li a

#main-content .card[data-type="primary"]

ul li:nth-child(odd)::before

:where(.class) div

特异性计算为四部分分数 (a, b, c, d)：

分数最高的选择器胜出。!important 覆盖所有。:where() 的特异性为零。

CSS特异性是浏览器用来确定当多个冲突声明定位同一元素时应用哪个CSS属性值的算法。特异性分数最高的选择器胜出。

使用四部分元组（内联, ID, 类, 元素）。内联样式=1000，每个ID=100，每个类/伪类/属性=10，每个元素/伪元素=1。分数(0,1,2,3)的总值为100+20+3=123。

是的 — :where()伪类的特异性贡献始终为零，无论其括号内的选择器列表如何。这是CSS Level 4的特性，本计算器正确处理了这一点。

!important声明覆盖所有普通声明，无论特异性如何。当多个!important声明同时应用时，特异性决定哪个胜出。