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

活动选择器不适用于页面跳转锚点，仅适用于外部锚点。使用页面跳转锚点，活动选择器会将样式应用于所有页面锚点。它适用于外部链接，例如，当您的网页在每个页面上都有一个菜单时，可以使用活动选择器在菜单中证明您当前所在的页面。

在您的情况下，您可以尝试使用焦点选择器。

于 2013-06-12T07:24:19.547 回答