SCSS 中 :where(:root) 是什么意思

Question

我有一个示例代码

:where(:root)

:where(:root) {
    //code
}

我知道

:root

，但不知道

:where()

。

我在谷歌上找不到任何东西。它实际上有什么作用？

Answer 1

:where() CSS 伪类函数采用选择器列表作为其参数，并选择可由该列表中的选择器之一选择的任何元素。

/* Selects any paragraph inside a header, main
   or footer element that is being hovered */
:where(header, main, footer) p:hover {
  color: red;
  cursor: pointer;
}

/* The above is equivalent to the following */
header p:hover,
main p:hover,
footer p:hover {
  color: red;
  cursor: pointer;
}

更多信息在这里： :where() 文档

Answer 2

这对于 0 特异性来说可能是必要的。

• ：哪里
• 特异性
• 示例、变更日志