2

次のようなマークアップがあります。

<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 に交換してみましたが、問題は残りました。助けてくれてありがとう!

4

2 に答える 2

1

私はちょうどそれを理解しました。アンカー タグを display:block に変更してみましたが、問題は完全に修正されました。万歳!

于 2013-06-13T04:30:48.337 に答える
0

アクティブ セレクターはページ ジャンプ アンカーでは機能せず、外部アンカーでのみ機能します。ページ内ジャンプ アンカーを使用すると、アクティブなセレクターはすべてのページ内アンカーにスタイルを適用します。外部リンクで機能します。たとえば、すべてのページにメニューが開いている Web ページがある場合、アクティブなセレクターを使用して、現在表示しているページをメニューで確認できます。

あなたの場合、代わりにフォーカスセレクターを使用してみてください。

于 2013-06-12T07:24:19.547 に答える