#书摘 #css #前端
《CSS 选择器世界》 实用的优先级调整伪类 :where()

:where() 伪类的优先级永远是0，完全忽略其中参数选择器的优先级。例如：

:where(.article, section) p {}

的优先级等同于p选择器，参数中的选择器的优先级被完全忽略。

我们可以巧妙地借助这一特性来降低某些全局 CSS 的优先级。相比使用@layer规则降低 CSS 的优先级，使用 :where() 伪类的方法更敏捷且兼容性更好。

https://memo.cosine.ren/m/397