CSS 影子部件
CSS 影子部件模块定义了可在影子宿主上设置的 ::part()
伪元素。使用这个伪元素,可以让影子宿主将影子树中的特定元素暴露给外部页面,以便进行样式设置。
默认情况下,影子树中的元素只能在其所属的影子根内部进行样式设置。CSS 影子部件模块允许在构成自定义元素的 <template>
后代元素上包含 part
属性,从而通过 ::part()
伪元素将影子树节点暴露到外部进行样式设置。
参考
选择器
HTML 属性
定义
指南
相关概念
- HTML
<template>
元素 - HTML
<slot>
元素 Element.part
属性Element.shadowRoot
属性Element.attachShadow()
方法ShadowRoot
接口- CSS 域模块
规范
Specification |
---|
CSS Shadow Parts |
参见
- CSS 伪元素模块
- CSS 选择器模块
- 使用影子 DOM
- web.dev 上的模板:当前作用域外的样式设置(2023)