lit-html が v0.9.0 で ShadyCSS をサポートするようになったということなので、いろいろと調べてみた。 TL;DR 現時点では、Shadow DOM のスタイルカプセル化に対応するには ShadyCSS を使う必要がある。 lit-html 経由で ShadyCSS を使うと便利。 Shadow DOM の Polyfill 2018 年 2 月現在、各ブラウザの Shadow DOM v1 のサポート状況は次のようになっている。 Chrome と Opera は済み 🙆 Safari と iOS Safari は一部バグあり 🤔 Firefox と Edge はまだ 🙅 (参考:https://caniuse.com/#feat=shadowdomv1 ) したがって、幅広いブラウザに対応するには、 現段階では Web Components の Polyf