CSS/Selektoren/slotted()

Browserunterstützung
caniuse.com

Der ::slotted()-Selektor entspricht dem Element, das in einen Slot innerhalb eines HTML-template eingefügt wurde.

Dies funktioniert nur, wenn es innerhalb von CSS verwendet wird, das in einem Shadow DOM platziert ist. Beachten Sie, dass dieser Selektor keine Textknoten auswählt, die in einen Slot eingefügt wurden, sondern nur tatsächliche Elemente.

Syntax

::slotted()

Beispiel

/* Selects any element placed inside a slot */
::slotted(*) {
  font-weight: bold;
}

/* Selects any <span> placed inside a slot */
::slotted(span) {
  font-weight: bold;
}

 

Siehe auch

• CSS/Selektoren/host
• Web Components
  • Shadow DOM

Weblinks

• CSSWG: Selecting a Shadow Element: the ::slotted() pseudo-element
• MDN: ::slotted()
• Browser-Support: caniuse.com