CSSで現在どのページが表示されているかを表すページリンクの色を変更するにはどうすればよいですか？

Question

現時点ではNAVバーにリンクがありますが、ギャラリーページに来たら、ギャラリーリンクを別の色に変更して、ユーザーが現在どのページを表示しているのかをCSSでどのようにしたらいいですか？

Answer 1

私は、現在アクティブなページを別の色にして、ユーザーにどのページが表示されているかを見せたいと考えています。アクティブコードでこれを行うことができ、アクティブであるときの背景色を設定する必要があります。 Hereは、navbarに関する素晴らしいw3schoolsのリンクです。うまくいけば、これは役に立ちます。

Answer 2

ルーティングにはどのようなものを使用していますか？ htmlページへの静的なナビゲーションか、クライアント側/サーバー側のルーティングを渡していますか？いずれにしても、リンク要素でIDとクラスを使用し、クラス「アクティブ」（または他の名前）を適切なIDに設定します。それに応じてアクティブなクラスをスタイル設定します

Answer 3

1）すでに述べたように、これはCSSでは行われていないため、CSSには必要なロジックがありません。

2）あなたが欲しいもののサンプルサイト、試したことのためのコードスニペット、探しているものの写真があれば、より良い回答が得られます。

3）clickのjavascript/jqueryは、一般的にこれが処理される場所です。
https://jsfiddle.net/a5609kgL/1/

あなたはまた、ジャバスクリプト/ jqueryの内のすべてのリンクターゲットにwindow.location.hrefを比較することができます4）が、これは推奨されません。 https://jsfiddle.net/a5609kgL/3/

注：2番目のリンクをクリックした後、あなたが「RUN」ボタンをクリックする必要があります。