我可以在影子主机 (:host) 上使用 ::before 或 ::after 吗？

Question

我尝试在影子主机上使用 ::before 或 ::after 选择器，但似乎不起作用。

:host(::before) {
  content: "",
  position: absolute;
  inset:0px;
  background-color: rgba(0,0,0,0.5);
}

我想知道这是否可能，或者我是否遗漏了一些东西。非常感谢

Answer 1

Shadow DOM 的当前规范不支持直接在影子主机 (:host) 上使用 ::before 和 ::after 伪元素。像 ::before 和 ::after 这样的伪元素旨在与常规 DOM 元素一起使用，但不能与影子主机本身一起使用。