嵌套列表的链接

Question

我希望整个框都是指向我的页面tomatoes.html的链接，但是用户必须单击上的 才能转到新页面。如何使其周围的盒子也成为链接？我试着做

<a><li>a href="tomatoes.html">Tomatoes</li></a>

但是我的研究告诉我这不是正确的HTML编码。有任何想法吗？谢谢。

<div class="subMenu subGrub">
   <ul>
      <li><a href="tomatoes.html">Tomatoes</a></li>
      <li><a href="potatoes.html">Potatoes</a></li>
   </ul>
</div>

Answer 1

留待这个：

<li><a href="tomatoes.html">Tomatoes</a></li>

并使用此CSS将整个<li> - 元素设置为“可点击”：

li > a {
    display: block;
}