GoogleとMSが協力してCSS Module Scriptsを開発

• Edge と Chrome 93バージョンから CSS Module Scripts をサポート

• JS のように import 文を使って CSS スタイルシートの読み込みが可能

→ import sheet from './styles.css' assert { type: 'css' };

• 再利用しやすい "Constructable Stylesheets" としてインポートされ、Document や Shadow Roots に適用可能

→ document.adoptedStyleSheets = [sheet];

→ shadowRoot.adoptedStyleSheets = [sheet];

• 要素より便利で、さらに高速