:is(#a, b) {
& c {
color: blue;
}
}
.foo c {
color: red;
}
在这个示例中,ID 选择器(#a
)的优先级是 1-0-0
,而类型选择器(b
)的优先级是 0-0-1
。&
嵌套选择器和 :is()
伪类均有 1-0-0
的优先级,尽管 ID 选择器 #a
从未使用。
类选择器 .foo
的优先级是 0-1-0
。经过计算得出,& c
的总优先级是 1-0-1
,而 .foo c
的优先级是 0-1-1
,意味着 color: blue;
是最后赢家。