链接，嵌套列表

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; 
}