CSS shadow parts
Das CSS shadow parts Modul definiert das ::part() Pseudoelement, das auf einem shadow host gesetzt werden kann. Mit diesem Pseudoelement können Sie Shadow Hosts ermöglichen, das ausgewählte Element im Shadow-Baum für Styling-Zwecke auf der externen Seite freizulegen.
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 Nachkommen des <template> hinzuzufügen, die das benutzerdefinierte Element bilden, um den Node des Shadow-Baums über das ::part() Pseudoelement externem Styling zugänglich zu machen.
Referenz
Selektoren
HTML-Attribute
Definitionen
Leitfäden
- CSS Pseudo-Elemente
-
Alphabetische Liste der Pseudo-Elemente, die in allen CSS-Spezifikationen und WebVTT definiert sind.
- Web Components
-
Übersicht ü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 Pseudo-Elemente Modul
- CSS Selektoren Modul
- Verwendung von Shadow DOM
- Templates: Styling außerhalb des aktuellen Bereichs auf web.dev (2023)