突出顯示活動選項卡 - CSS

我有一個使用CSS的小型選項卡式導航設置。懸停在選項卡上時，顏色會發生變化，非常棒。但是，當我點擊一個選項卡，並導航到相應的頁面時，我希望該選項卡（活動選項卡？）保持突出顯示，指示當前頁面。突出顯示活動選項卡 - CSS

我目前正在通過使用類（.currenttab）然後在每個HTML文件中使用此類來完成此操作。我不使用：

active

有沒有辦法對我來說，使用主動，而不是在每個單獨的HTML文件使用一個類，或者是我在做什麼正確的嗎？

預先感謝您。

2008-12-31 Ronnie

你的問題沒有按並不是完全清楚，所以只要不介意，請確保將任何css類放在單獨的.css文件中，然後將其包含在每個html頁面中，以便不重新定義類。 – RSlaughter 2008-12-31 15:11:26

對不起，我不太明白你的意思。我目前有一個包含.currenttab類的所有樣式表。在每個HTML文件中，我將該類分配給相應的列表項（導航項）。這是不正確的？ – Ronnie 2008-12-31 15:19:28

你在做什麼是正確的。 :active僞選擇器意味着別的東西 - 激活控件的事件（即用戶按下鼠標按鈕並釋放它之間的時間）。

使用一個類來表示選定的項目是要走的路。

2008-12-31 15:06:00

感謝您的快速回復。 – Ronnie 2008-12-31 15:07:46

這遠非理想，但是如果您爲每個頁面和每個選項卡分配一個id，則可以在css而不是html中定義突出顯示。我碰到一個完整的解釋跑在查找活動屬性：

2008-12-31 15:09:02

沒有必要得到真正沉重的ID，類就足夠了，但這種方法會讓你最大的壓力。當你開始轉向更高級的HTML/css時，使用向body標籤添加類將是更好的做法。 – 2008-12-31 15:18:02

下面是一些例子brainjar Demo
更多來自Brainjar

2008-12-31 15:11:18

回答