CSS-Schattenteile
Das CSS shadow parts Modul definiert das ::part() Pseudo-Element, das auf einem Shadow-Host gesetzt werden kann. Mit diesem Pseudo-Element können Sie Shadow-Hosts ermöglichen, das ausgewählte Element im Shadow-Baum für die externe Seite für Styling-Zwecke sichtbar zu machen.
Standardmäßig können Elemente in einem Shadow-Baum nur innerhalb ihrer jeweiligen Shadow-Roots gestylt werden. Das CSS shadow parts Modul ermöglicht es, ein part Attribut auf Nachfahren von <template> hinzuzufügen, die das benutzerdefinierte Element bilden, und den Shadow-Baum-Knoten über das ::part() Pseudo-Element für externes Styling freizugeben.
Referenz
Selektoren
HTML-Attribute
Definitionen
Leitfäden
- CSS-Pseudo-Elemente
-
Alphabetische Liste von Pseudo-Elementen, die von allen CSS-Spezifikationen und WebVTT definiert werden.
- Webkomponenten
-
Übersicht über die verschiedenen APIs, die es ermöglichen, wiederverwendbare benutzerdefinierte Elemente oder Webkomponenten zu erstellen.
Verwandte Konzepte
- HTML
<template>Element - HTML
<slot>Element Element.partEigenschaftElement.shadowRootEigenschaftElement.attachShadow()MethodeShadowRootSchnittstelle- CSS-Scoping Modul
Spezifikationen
| Specification |
|---|
| CSS Shadow Parts |
Siehe auch
- CSS-Pseudo-Elemente Modul
- CSS-Selektoren Modul
- Verwendung von Shadow DOM
- Templates: Styling außerhalb des aktuellen Scopes auf web.dev (2023)