CSS-Shadow-Teile
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 es ermöglichen, dass Shadow-Hosts das ausgewählte Element im Schatten-Baum für stilistische Zwecke auf der Außenseite der Seite freigeben.
Standardmäßig können Elemente in einem Schatten-Baum nur innerhalb ihrer jeweiligen Shadow-Roots gestylt werden. Das CSS-Shadow-Parts-Modul ermöglicht es, ein part Attribut auf <template> Nachkommen hinzuzufügen, die das benutzerdefinierte Element ausmachen und den Shadow-Tree-Knoten über das ::part() Pseudo-Element für externe Stile freigeben.
Referenz
Selektoren
HTML-Attribute
Definitionen
Leitfäden
- CSS-Pseudo-Elemente
-
Alphabetische Liste von Pseudo-Elementen, die von allen CSS-Spezifikationen und WebVTT definiert werden
- Web-Komponenten
-
Überblick über die verschiedenen APIs, die es ermöglichen, wiederverwendbare benutzerdefinierte Elemente oder Web-Komponenten 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-Pseudoelemente Modul
- CSS-Selektoren Modul
- Verwendung von Shadow DOM
- Vorlagen: Stil außerhalb des aktuellen Bereichs auf web.dev (2023)