单击html中的列表项

Question

我正在尝试点击列表项来激活超链接，

目前我有一个超链接列表，但我希望用户能够点击列表项来导航而不是显示的文本。

<ul>
<li>
<a Class=MenuLink href="Index.php">Index</a>
 </li>
<li>
</ul>

是否可以使列表项可点击？或者是否可以在超链接悬停时使列表项的背景发生变化？

谢谢，

马特

Answer 1

http://jsfiddle.net/NWS6J/

将.MenuLink元素设置为display: block：

.MenuLink {
    display: block
}

然后它们将覆盖li的整个区域。您可以更改background-color上的元素的:hover：

.MenuLink:hover {
    background: red
}