首先让我们提供一些背景信息:http://dev.eduantech.com/
这是我目前正在开发的新网站的预览。 :) 无耻的 self 推销。 ;P
无论如何，我想让你注意的是菜单，注意如果你将鼠标悬停在 li 上，背景会变成蓝色，与文本一样，所以它不再可读。此时文本应该变白，但直到您真正将鼠标放在文本顶部(这是实际的 a 标记)时才会变白。
我该怎么做，当我将鼠标悬停在 li 上时，它实际上也会使文本变白。当然，使用 jQuery 可以轻松实现这一点，但是下一个问题来了。
我怎样才能让它在我点击 li 时开始将我发送到 a 标签的值。也就是说，让整个li标签成为一个链接...
对于感兴趣的人，我正在使用 Statamic .
同样，这可能全部通过一些简单/困难的 jQuery 来实现，无法想象没有 jQuery(*颤抖*)。
如果您需要了解我的代码的任何类型的知识，您当然可以查看该网站的源代码和内容。 ;)
最佳答案
只需让您的 a 标签与 li 标签大小相同:
div#sidebar nav ul li a{
width: 100%;
display: block;
}
您可能还想从 li 中删除填充，而是将其应用于 a
关于jquery - 使 anchor 标签的 "hitbox"与整个 li 的宽度相同，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/16522690/