
  <rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
    <channel>
      <title>Coding and Climbing</title>
      <link>https://harry-su-blog.com/blog</link>
      <description>A blog recording my coding and climbing journey</description>
      <language>zh-TW</language>
      <managingEditor>undefined (Harry)</managingEditor>
      <webMaster>undefined (Harry)</webMaster>
      <lastBuildDate>Wed, 04 Nov 2026 00:00:00 GMT</lastBuildDate>
      <atom:link href="https://harry-su-blog.com/tags/shadow-dom/feed.xml" rel="self" type="application/rss+xml"/>
      
  <item>
    <guid>https://harry-su-blog.com/blog/2026/11/04/shadow-dom</guid>
    <title>Shadow DOM 是什麼？從實際場景理解元件封裝與 CSS 隔離</title>
    <link>https://harry-su-blog.com/blog/2026/11/04/shadow-dom</link>
    <description>Shadow DOM 是瀏覽器原生的封裝機制，能為元件建立獨立的 DOM 與 CSS 邊界。本文整理它解決的問題、實務用法、發展歷史與採用率，並與 CSS Modules、styled-components、Scoped CSS、iframe 比較適用情境。</description>
    <pubDate>Wed, 04 Nov 2026 00:00:00 GMT</pubDate>
    <author>undefined (Harry)</author>
    <category>shadow-dom</category><category>web-components</category><category>css</category>
  </item>

    </channel>
  </rss>
