侧边栏内的链接标记无效

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。 image和时间戳周围的链接正在运行，但是主要链接（类.notification-content的内容后面的链接无法正常工作

当我检查控制台时，我可以看到链接在开始标记之后立即关闭。为什么会这样？

这里是一个jsfiddle与侧边栏的整个样式，甚至有这个问题。希望有人可以帮助我。

jsfiddle

Answer 1

使用a validator：链接不能包含其他链接。

浏览器中的错误恢复正在关闭外部链接，因为它必须阻止内部链接进入其中。