CSS Shadow-Parts
Das Modul CSS Shadow-Parts definiert das ::part() Pseudo-Element, das auf einem Shadow-Host gesetzt werden kann. Mit diesem Pseudo-Element können Sie es Shadow-Hosts ermöglichen, das ausgewählte Element im Shadow-Baum für Styling-Zwecke für die externe Seite zugänglich 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 das Einschließen eines part Attributs auf <template> Nachkommen, die das benutzerdefinierte Element bilden und den Shadow-Baumknoten über das ::part() Pseudo-Element externem Styling zugänglich machen.
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
-
Überblick über die verschiedenen APIs, die das Erstellen wiederverwendbarer benutzerdefinierter Elemente oder Webkomponenten ermöglichen.
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 Geltungsbereichs auf web.dev (2023)