本文介紹了為什么這個 CSS 選擇器不起作用:a:hover ~ span?的處理方法，對大家解決問題具有一定的參考價值，需要的朋友們下面隨著小編來一起學習吧！
問題描述
a:hover + span { background:yellow; }
a:hover > span { background:yellow; }
a:hover ~ span { background:yellow; }
前兩個選擇器工作得很好.但是，第三個選擇器不起作用?
The first two selectors work just fine. However, the third selector does not work?
演示:http://jsfiddle.net/UAHw7/
為什么?
更新:我啟動了所有瀏覽器...
Update: I fired up all my browsers ...
Opera 11 - 作品
Safari 5 - 作品
Firefox 3.6 - 作品
IE9 RC - 作品
Chrome 9 - 不工作
Opera 11 - Works
Safari 5 - Works
Firefox 3.6 - Works
IE9 RC - Works
Chrome 9 - Does not work
然后是 Chrome 問題...
A Chrome issue then ...
推薦答案
看起來像一個與使用 :hover 偽類有關的 Webkit 錯誤.
Looks like a Webkit bug related to using the :hover pseudo-class.
對我來說很好用
- 在 FF 3.6.13 中
- 在所有瀏覽器的 IE 8 中
- 在 Opera 11 中
這對我不起作用
- 在 Chrome 9 中
- 在 Safari 5.0.3 中
可能具有文件價值.
這篇關于為什么這個 CSS 選擇器不起作用:a:hover ~ span?的文章就介紹到這了，希望我們推薦的答案對大家有所幫助，也希望大家多多支持html5模板網！
【網站聲明】本站部分內容來源于互聯網,旨在幫助大家更快的解決問題，如果有圖片或者內容侵犯了您的權益，請聯系我們刪除處理，感謝您的支持！