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

Question

CSS を使用して小さなタブ付きナビゲーションをセットアップしています。タブの上にカーソルを合わせると、色が変わります。ただし、タブをクリックして対応するページに移動すると、そのタブ (アクティブなタブ?) が強調表示されたままになり、現在のページが示されます。

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

active

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

前もって感謝します。

score 6 · Accepted Answer

あなたがしていることは正しいです。:active擬似セレクターは別の意味を持ちます - コントロールをアクティブにするイベント (つまり、ユーザーがマウスボタンを押して離すまでの時間)。

クラスを使用して、選択されたアイテムを示す方法です。

score 3 · Accepted Answer

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

score 1 · Accepted Answer

1

Brainjar Demo
の他の例を次に示します。

于 2008-12-31T15:11:18.400 に答える

3 に答える 3