在开槽元素中设计后代元素

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。