是否可以设置影子根容器本身的样式？

Question

想知道是否可以设置影子根容器的样式？我将这些附加到父自定义元素，并希望自定义元素始终带有margin: 5px。

我不想将其添加到文档的 CSS 中，而是将其封装到附加到组件的模板中。但是 shadow root 并不是一个 HTMLElement，所以唯一的方法是在模板中添加一个 <div> 作为容器，并设置 <div> 的样式吗？

Answer 1

最接近的可能是使用:host CSS 选择器。在 shadow DOM 中使用 :root 不会得到 document，因为 shadow DOM 内部没有，并且选择器不允许从 shadow DOM 封装中上升。