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