<link>
という名前の CSS をロードするヘッダーにあるページがありますlight.css
。という名前のファイルもありますdark.css
。ページのスタイルをまとめて交換するボタンが必要です (css ファイルで使用される 40 のセレクターがあり、2 つのファイルで一致しないものもあります)。
light.css
JSへの参照を削除し、適用されたすべてのスタイルを削除してから、そこからすべてのスタイルを読み込んで適用するにはどうすればよいdark.css
ですか? 一部のスタイルはさまざまな css ファイルを介して適用され、一部は JS によって動的に生成されるため、単純にすべての要素をリセットすることはできません。ページをリロードせずにそれを行う簡単で効果的な方法はありますか? Vanilla JS が望ましいですが、いずれにせよ後で処理するために jQuery を使用するので、jQ も問題ありません。