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

Question

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

像这样的例子：

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

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

这不起作用

Answer 1

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

::slotted() 中的选择器只能是复合选择器，因此div p不是有效的选择器。

根据伊藤隼人的说法：

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

请参阅Shadow Dom v1 演示文稿中的样式示例。