为什么可以多个<a>&#39;s be :active?</a>

Question

请查看以下JSFiddle：http://jsfiddle.net/33wRk/1

我知道这不是严格的HTML，因为我在<div>内有一个<a>块。

如您所见，如果<div>成为有效链接，则<a>内的<a>会变为红色。

但是，即使另一个<a>处于活动状态，它也会保持红色。

多个<a>如何同时成为:active？

如果问题来自于我的HTML无效，我怎样才能将其更改为正确？

Answer 1

对我来说，这看起来像是一个Chrome错误。我无法在Firefox中重现它。

您可以通过设置a { display: block; }

来解决此问题

  

因为我在<div>内有一个<a>块。

在HTML 5中没问题，内容模型已更改为透明而非内嵌。