JavaScript - ナビゲーションをクリックしてスプライト画像とフォントの色を切り替えるにはどうすればよいですか?

Question

写真の通りですが、写真には4ページあります。ここでやりたいのは、アイコンをクリックしてページのフォントの色を変更することです。

そうするとアイコンはスプライトでできています

以下は、主にスプライト画像のコードのスクリーンショットです。

Answer 1

background-position 背景の位置を変更し、グレーとカラーの 2 つのセットを作成します

フォントとして色を使用するだけです

また、2組の写真を使用したくない場合は、CSSマスクを使用することもできますが、互換性はあまり良くありません

背景位置クラスのセットを作成したので、クラスを切り替えるだけです

Answer 2

リーリー

こちらを参考にしてください