Shadow DOMって何ですか？

なぜか、気になる　Shadow　DOM、どんなものなんだろうという事で、 Shadow DOM 101のチュートリアルを見ながら、理解してみようと頑張ってみました。

私たちは、htmlを記述する時に、ほとんどの場合CSSを使ってスタイリングします。

何百行も、時には、何千行も書く羽目になるわけですが、スタイル指定が、衝突していても、なかなか気づくことができない問題で、結構おびえていたりします

クライアントサイドで、他のCSSの影響を受けずに、複雑なhtmlを気にさせずに、書き続ける方法が、出来上がりつつあるみたいです。キーワードは、カプセル化

このチュートリアルを読みながら、自分で試したコードを、メモに残します

まずは、Chromeで見てください