クロムエクステンションを使用しているときにCSSのローカルストレージにアクセスしますか？

Question

CSSを使用したクロム拡張オプションファイルからローカルストレージにアクセスする方法はありますか？私はCSSでアクセスできる変数を設定するためにjavascriptを使うことができますか、またはローカルストレージはjavascriptの独占的なものですか？そうであれば、ローカルストレージなしでCSSのオプションを設定する方法はありますか？

Answer 1

localStorageにはJS経由でのみアクセスできます。 CSSファイルでは動的なクエリをほとんど静的に行うことはできません（これは変数などの新しいCSSの小道具で変更されていますが、インポートされたリソースではないデータを呼び出すことはできません）。

CSSでオプションを動的に設定できる唯一の方法は、HTMLの状態を変更する（クラス名を変更するなど）か、JSを使用してadding stylesheet rules dynamically、またはJSを使用して直接操作するスタイルelement.style.prop = 'prop'です。