在开槽元素中设置后代元素的样式

Question

是否可以在开槽元素中选择后代元素？

这样的例子：

::slotted(div p) {
        color: blue;
    }

<div><p>test</p><div>

没用

Answer 1

不可以，您只能选择带有::slotted() 的顶级节点。

::slotted() 中的选择器只能是compound selector，所以div p 是无效的。

根据Hayato Ito：

这个限制的原因是为了让选择器样式引擎在性能方面更友好。

请参阅 Shadow Dom v1 演示文稿中的 the styling example。