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

Question

写真の通りですが、写真では4ページあります。ここでやりたいのは、アイコンをクリックしてページのフォントの色を変更することです。次に、アイコンはスプライト画像で作成されます。以下はコードのスクリーンショットです。主にスプライト画像に依存します。

世界只因有你 · Answer

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

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

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

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

漂亮男人 · Answer

リーリー

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