アクティブなタブの強調表示-CSS

Question

CSSを使用した小さなタブナビゲーション設定があります。タブにカーソルを合わせると、色が変わります。ただし、タブをクリックして対応するページに移動すると、そのタブ（アクティブなタブ？）が強調表示されたままになり、現在のページが示されます。

現在、クラス（.currenttab）を使用してこれを行っており、各HTMLファイルでこのクラスを使用しています。私は使用していません：

active

個々のHTMLファイルでクラスを使用するのではなく、アクティブを使用する方法はありますか、または私がしていることは正しいですか？

事前に感謝します。

Answer 1

あなたがしていることは正しいです。 ：active 疑似セレクターは何か他のもの-イベントコントロールのアクティブ化（つまり、ユーザーがマウスボタンを押してから離すまでの時間）。

クラスを使用して、選択したアイテムを示す方法があります。

Answer 2

理想とはほど遠いですが、すべてのページとすべてのタブにIDを指定すると、htmlの代わりにcssで強調表示を定義できます。アクティブな属性を検索中に完全な説明を見つけました：

CSSで現在のページを強調表示

この手法で設計したサイト（タブではなくページ）

Answer 3

ここにいくつかの例があります brainjar Demo
Brainjar

の詳細