为什么悬停时手形光标不会显示在锚标记中？

Question

我有这个标记,一个标签包裹在一个锚标签,但问题是当你悬停它时光标不会改变为手形光标,

<a href="#17">
  <label class="autor">
    <span class="by">
      by 
    </span>
    Erwin Lutzer
  </label>
</a>

我在这做错了什么？

任何人都可以帮忙,谢谢!!

Answer 1

标签正在取消指针,因此请确保您的CSS cursor: pointer;同时包含a和标签:

a,
a label {
    cursor: pointer;
}

或者更好的是,删除标签!在锚内放置标签是无效的.

Answer 2

不是实际问题的答案,而是解决我自己的类似问题:

悬停链接时手形光标未显示. 问题在于缺少href属性.

<a>Link</a>  <!-- regular cursor -->

但

<a href="#">Link</a>  <!-- cursor pointer -->

Answer 3

没有理由在label元素中放置a元素.该label元素在这里装点的输入.在label链接中没有办法在语义上正确.由于您没有指定for链接到输入的属性,因此没有理由显示可激活元素的行为.

参考

不要在这里使用CSS添加游标,这在语义上是不正确的.用a替换你的标签span.