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

Question

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

前两个选择器工作得很好.但是,第三个选择器不起作用？

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

为什么？

---

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

Opera 11 - Works
Safari 5 - Works
Firefox 3.6 - Works
IE9 RC - Works
Chrome 9 - 不起作用

Chrome问题然后......

---

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

Answer 1

在我看来，你不能将通用同级选择器~与伪类结合起来:hover；请注意，如果将选择器更改为，a ~ span则两个span元素都会变成黄色。