活動狀態棒

我有標記，看起來像這樣：活動狀態棒

<dl class="synthModels"> 
    <a href="#" class="soundTest"> 
     <dt><span>Bass Drum</span></dt> 
     <dd>Bass drum description.</dd> 
    </a> 
    <a href="#" class="soundTest"> 
     <dt><span>Bass Drum</span></dt> 
     <dd>Bass drum description.</dd> 
    </a> 
</dl>

和CSS這樣的：

.synthModels a:hover dt { 
    color: #ff571b; 
} 
.synthModels a:active dt { 
    color: #aed9e0; 
}

懸停工作正常，但由於某些原因激活即使在點擊鏈接後，狀態仍然保持活動狀態，而不僅僅是點擊鏈接時。你可以嘗試一下自己在這裏，它說：「大鼓」，「合成器一擊」等：

http://sans-concept.com/as/drumspillage.html

任何想法，爲什麼發生這種情況？我嘗試刪除DL並用H3/P交換DT/DD，但問題依然存在。謝謝你的幫助！

來源

2013-06-12 Eric Carl

活動選擇器不適用於頁面跳轉錨點，僅適用於外部錨點。使用頁面跳轉錨點時，活動選擇器將在頁面錨點中對所有頁面應用樣式。它將與外部鏈接一起工作，例如，當您在每個頁面上都有一個菜單消失的網頁時，可以使用活動選擇器在菜單中顯示您當前所在的頁面。

就你而言，你可以嘗試改用焦點選擇器。

來源

2013-06-12 07:24:19 Gimmy

謝謝吉米，我不確定我是否關注你。我嘗試將href更改爲url而不是頁內散列（＃），但問題仍然存在。將選擇器從活動狀態更改爲焦點可消除問題，但現在不會在單擊時影響鏈接。 –

我只是想通了。我試圖改變我的錨標籤顯示：塊，並絕對解決這個問題。萬歲！

來源

2013-06-13 04:30:48

回答

相關問題