ベーシック アドベントカレンダー 2日目です。 Shadow DOM でコンポーネントに閉じ込めた CSS を定義することができますが、CSS の定義がやりやすいということはないです。<style> タグを JS 内でベタで書く、もしくは JS で style API を直接修正する…。ちょっとしたコンポーネントであれば良いですが現実的ではありません。 通常の HTML / CSS と同様に外部ファイルで管理したくなります。現時点では3つの方法が提供されています。 今回のデモとソースコードはこちら <link rel="stylesheets"> 普通に <link rel="stylesheets"> で外部 CSS ファイルを読み込むことができます。以前はできなかったようですが現在は標準化されるようです。 class NormalLinkCss extends HTMLElement
![Shadow DOM の CSS 管理方法 link rel / @import / adoptedStyleSheets | Basicinc Enjoy Hacking!](https://cdn-ak-scissors.b.st-hatena.com/image/square/9611731bfbf3edfacce8d73cafddd8e308ec9d44/height=288;version=1;width=512/https%3A%2F%2Ftech.basicinc.jp%2Fuploads%2F17a1118522c92e5242355595e4e4f5b9.png)