我正在处理这种情况...
<template>
<slot name="thing"></slot>
<slot name="other"></slot>
</template>
以及像这样的实现:
<custom-element>
<div slot="thing"> Thing 1 </div>
<div slot="thing"> Thing 2 </div>
<div slot="other"> Thing 3 </div>
</custom-element>
我该如何使用CSS查询来同时影响Thing 1和Thing 2,但排除Thing 3?
[slot="thing"]{ border: 2px dashed #f00; }
- admcfajn:head[slot="thing"]
会是什么样子? - Jackieslot[name="thing"]
可能吗? - admcfajn:defined
、[slot=...]
,在组件内部的CSS中使用:host
、::slotted()
和slot[name=...]
。 - Sheraff