Safari 和 Chrome，以及 Opera 和 Firefox，都可以处理:hover伪类和相邻兄弟选择器：
a:hover + div {}
这有效。
但是，当添加另一个相邻兄弟时：
div:hover + a + div {}
Webkit 崩溃了。
但是，如果您首先将鼠标悬停在<a> and then将鼠标悬停在<div>该样式已按其应有的方式应用。
我更困惑了，因为如果你添加：
div:hover ~ div {}
无论是否声明了样式，它都会开始按预期工作。
Demo http://jsfiddle.net/ds2yY/
我在以下位置看到这个问题：
- 谷歌浏览器 15.0.874.121
- Safari 5.1.1
对于 OS X。
有任何想法吗？
你可以通过在 body 元素上伪造动画来克服 Webkit 的伪类 + 一般/相邻同级选择器的错误：
body { -webkit-animation: bugfix infinite 1s; }
@-webkit-keyframes bugfix {
from { padding: 0; }
to { padding: 0; }
}
你可以在这里查看：http://jsfiddle.net/jalbertbowdenii/ds2yY/1/ http://jsfiddle.net/jalbertbowdenii/ds2yY/1/
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)
