侧边栏内的链接标记不工作

Question

我建立了一个包含通知中心的边栏，里面有内容、状态更新等。问题是我不能点击它们

<div class="media notification-conent">
   <a href="#">
      <div class="media-left">
   <a href="#">
   <img class="media-object notification-img" src="img/users/noti_avatar22.jpg">
   </a>
   </div>
   <div class="media-body notification-body">
      <h4 class="media-heading content-header">Anouk hat deine Anfrage abgelehnt</h4>
      <small class="pull-right timestamp">09:17</small>
      <p>Maxim Shooting wurde von Anouk De Heer abgelehnt.</p>
   </div>
   </a>
</div>

这是其中一个内容块中的html。图像和时间戳周围的链接正常工作，但主链接是类内容之后的链接。通知内容不起作用

当我检查控制台时，我可以看到链接已经关闭，就在打开标签之后。为什么会这样？

这是侧边栏中的整个样式的jsfiddle，甚至还有这个问题。希望有人能帮我。

JSFIDLE

Answer 1

使用验证器：一个链接不能包含另一个链接。

浏览器中的错误恢复是在最后一次有机会停止内部链接时关闭外部链接。