css - 为什么这个 CSS 选择器不起作用 : a:hover ~ span?

Question

a:hover + span { background:yellow; }
a:hover > span { background:yellow; }
a:hover ~ span { background:yellow; }

前两个选择器工作得很好。然而，第三个选择器不起作用？

演示:http://jsfiddle.net/UAHw7/

为什么？

---

更新:我启动了所有浏览器......

歌剧 11 - 作品
Safari 5 - 有效
Firefox 3.6 - 有效
IE9 RC - 有效
Chrome 9 - 不工作

然后是 Chrome 问题......

---

注意:由于 Chrome 不再包含此错误，因此此问题已过时。

Answer 1

看起来像是与使用 :hover 伪类相关的 Webkit 错误。

对我来说很好用

• 在 FF 3.6.13 中
• 在所有浏览器的 IE 8 中
• 在 Opera 11 中

这对我不起作用

• 在 Chrome 9 中
• 在 Safari 5.0.3 中

可能值得存档。