.hover和：hover有什麼區別？

Question

我挖有人寫一些CSS代碼，我發現這一點：

li.hover, li:hover { 

} 

是否有.hover之間的任何差別：懸停？
也許有些瀏覽器對hover有不同的表現？

Answer 1

:hover是psuedo-class而.hover是類hover選擇這些符號（:和.）不改變其他任何CSS選擇器建構意義：看W3C CSS Level 3 Recommendation所有的細節。

大概有一些JavaScript可以切換hover類，這可能是因爲在「傳統」瀏覽器中缺少支持LI元素的:hover。我知道，IE5/6（ICK！）只支持:hover的鏈接，但是：

• "Modern" GUI browsers correctly support :hover。

（和以往一樣，確保頁不是在 「怪異模式」 :-)

編碼愉快。

Answer 2

.hover就是一個類名（可能是用來表示「這是我[編碼器]想看看同一個懸停的項目」，而:hover是僞類，當鼠標移動到它。（個人我用.hl代替.hover類似的東西）

Answer 3

.hover是一個正常的類名，就像任何其他類名一樣，它沒有什麼特別的含義。
:hover是您自己無法創建的僞類，只​​有在用戶使用鼠標懸停在元素上時纔會生效。

Answer 4

是：一個班級（即.hover），另一個是僞班級（:hover）。當鼠標位於元素上時，僞類將被匹配，並且當元素具有該類時，該類將被匹配。

推測這個類是通過JavaScript添加的。這可能是爲了兼容性（IE的某些版本，我相信IE6或IE7，只支持:hover,<a>元素），或者它可能是用於額外的功能（例如粘性突出顯示）。