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

Question

是否可以 select 有槽元素中的后代元素？

这样的例子：

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

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

没用

Answer 1

不，您只能 select 个具有 ::slotted() 的顶级节点。

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

根据Hayato Ito：

The reason of this restriction is to make a selector style-engine friendly, in terms of performance.

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