Shadow DOM v1: self-contained web components | Web Fundamentals - Google Developers

Shadow DOM v1 - 自己完結型のウェブ コンポーネント コレクションでコンテンツを整理 必要に応じて、コンテンツの保存と分類を行います。 概要 Shadow DOM は、ウェブアプリ構築の不安定さを取り除きます。脆弱さ HTML、CSS、JS のグローバルな性質に基づいています。私たちは何年にもわたり、 とてつもない数 / ツール 問題を回避できる必要がありますたとえば、新しい HTML ID/クラスを使用する場合、 ページで使用されている既存の名前と競合するかどうかがわかりません。 軽い虫がこびりついてくる。 CSS の具体性が大きな問題になる（すべて !important）、スタイル セレクタが制御不能になり パフォーマンスが低下する可能性があります。リスト 説明します。 Shadow DOM は CSS と DOM を修正します。スコープ付きスタイルをウェブに導入します。