我可以在 :host() 参数中使用多个选择器吗？

Question

这是有效的：

:host(.foo) .title,
:host(.bar) .title {
  ...
}

我原以为它会起作用，但它没有：

:host(.foo, .bar) .title {
  ...
}

我错过了什么吗？或者这是一个浏览器错误？我正在使用 Firefox 100.0

Answer 1

:host() 选择器接受 compound-selector 而不是 simple-selector-list，因此您不能使用逗号分隔 类 (https://drafts.csswg.org/css-scoping/#host-selector).

您可以试试 :host(is(.foo, .bar)) .title。可能有用。