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)