超链接列表项？

Question

我知道这看起来简单，但我解决不了的，我尝试让整个列表项可链接，而不仅仅是文字home

html代码：

<a href="#page1"><li class="current">Home</li></a> 

附：当你悬停李时，背景颜色会发生变化，所以我希望整个列表项目要被超链接，如果你明白我的意思，而不仅仅是单词

Answer 1

将块级元素（li）包装在内联元素（a）是无效的标记，根据您的文档类型，这可能会引发错误。既然如此，首先围绕更改加价到：

<li><a href="#">link text</a></li> 

假设你li是display: block那么下面将导致a为“填充”可用空间：

a { 
display: block; 
width: 100%; /* this may, or may not, be necessary */ 
} 

如果您正在使用此一水平列表，以及li被display: inline，那么你可以使用以下命令：

a { 
    display: inline-block; 
    } 

风格品味。

Answer 2

做在反向

<li class="current"><a href="#page1">Home</a></li> 

不知道你的其他的风格是什么，但你可以用一些更改标记像

li.current a{ 
    display:block; 
} 

Answer 3

这应做到：

HTML：

<li class="current"><a href="#page1">Home</a></li> 

CSS：

li a { 
    display: block; 
} 

// or 

li.current a { 
    display: block; 
}