css - 您可以使用 ::slotted() 伪选择器来定位特定的命名插槽吗

Question

我正在创建一个包含默认（即未命名）插槽和一些命名插槽的自定义元素。我特别想设计一个命名插槽的内容，而不是其他任何一个。

有没有办法选择一个特定的命名插槽。

作为我想做的事情的一个例子，我的自定义元素包含一个对话框 - 像这样：

<dialog>
 <slot></slot> <!-- general content -->
 <div class="buttons">
  <slot name="action"></slot>
  <slot name="cancel"></slot>
 </div>
</dialog>

我想将所有操作按钮设置为纯色，将取消按钮设置为更褪色的颜色。

标签： css