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

时间:2018-12-22 08:42:14

标签: css

我正在创建一个自定义元素,其中包含默认(即未命名)插槽和一些已命名的插槽。我特别想为其中一个命名槽的内容设置样式,而不是其他任何样式。

有没有一种选择特定命名插槽的方法。

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

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

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

0 个答案:

没有答案