超鏈接列表項？

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