如何在html標籤中使用CSS懸停？

Question

我想要做這樣的事情：

<li style="hover:background-color:#006db9;"> 

但它不會工作。這可能以某種方式完成，還是必須在頭部或外部css文檔中編寫css？

Answer 1

這是不可能的，使用style屬性。您必須在文檔本身或外部文件中使用CSS。如果這不是一個選項，那麼你將不得不訴諸於JavaScript。

Answer 2

AFAIK這不能沒有Javascript內聯。您必須按照您的建議將其放入標題或外部樣式表中。

A <style> A <style>標記也被我知道的所有瀏覽器解釋，但無效，因此不推薦使用。

Answer 3

AFAIK您不能在內聯css中使用僞類（：hover，：active等）。

Answer 4

而不是隻具有<li>，你可以嵌套它的錨標記<a href="#" class="hoverable">然後把這個造型在文件的頂部或外部CSS文件：

a.hoverable:hover{background-color:#006db9} 

或者你也可以只使用JavaScript以避免使用錨標籤。我想推薦JQuery。

Answer 5

這是不可能的內聯樣式，但（着名的onmouseover/onmouseout事件處理程序可以做同樣的事情。

<li onmouseover="this.style.backgroundColor='#006db9'" onmouseout="this.style.backgroundColor=''"> 

警告：帶連字符的CSS定義已使用駝峯被翻譯爲Javascript，像（CSS）的背景色=（JavaScript的）的backgroundColor