跳到正文
Simon Willison·· 12 天前AI 评分24

用实时交互示例讲解 Shadow roots

Shadow roots, explained with live examples

AI 导读

一个用 Fable 5.1 Medium 生成的交互式 artifact,以实时示例讲解 CSS 的 Shadow roots,覆盖样式封装、继承、slots、parts 与 JavaScript 访问。Shadow roots 会创建带有私有样式表和元素的隔离 DOM 树,与页面 DOM 以特定的受控方式交互。

来源:Simon Willison · simonwillison.net