跳到正文
原文
Simon Willison·· 7 天前AI 评分31

Shadow roots:用实时示例讲解

Shadow roots, explained with live examples

AI 导读

Simon Willison 展示了一个由 Fable 5.1 Medium 构建的交互式 artifact,用实时示例讲解 CSS Shadow roots。示例涵盖样式封装、继承、slots、parts 和 JavaScript 访问。它展示 shadow root 如何创建带私有样式表和元素的隔离 DOM 树,并以特定、受控方式与页面 DOM 交互。

来源:Simon Willison · simonwillison.net