为什么这个 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 中

可能具有文件价值.