次のようなマークアップがあります。
<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;
}
ホバーは正常に機能しますが、何らかの理由で、リンクがクリックされている間だけでなく、リンクをクリックした後でもアクティブ状態がアクティブのままになります。「Bass Drum」、「Synth Clap」などと書かれているここで、自分で試してみることができます。
http://sans-concept.com/as/drumspillage.html
なぜこれが起こっているのですか?DL を取り外し、DT/DD を H3/P に交換してみましたが、問題は残りました。助けてくれてありがとう!