浅谈逻辑选择器 -- 父选择器它来了！

} 不能写成： div p:is(::before, ::after) { content: ""; //... } :is 选择器的优先级 看这样一种有意思的情况：

我们给带有 .test-class 的元素，设置一个默认的颜色： div .test-class { color: red; } 如果，这个时候，我们引入 :is() 进行匹配： div :is(p) { color : blue; } 此时，由于 div :is(p) 可以看成 div p，优先级是没有 div .test-class 高的，因此，被选中的文本的颜色是不会发生变化的。