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)