相关疑难解决方法(0)

带有`:hover`和多个相邻兄弟选择器的Webkit bug

Safari和Chrome以及Opera和Firefox可以处理:hover伪类和邻近兄弟选择器:

a:hover + div {}

这有效.

但是,当添加另一个相邻兄弟时:

div:hover + a + div {}

Webkit崩溃了.

但是,如果你第一次将鼠标悬停在<a>随后的悬停<div>样式应用,因为它应该.

我更加困惑,因为如果你添加:

div:hover ~ div {}

无论是否声明了样式,它都会按照应有的方式开始工作.

演示

我看到这个问题:

  • 谷歌浏览器15.0.874.121
  • Safari 5.1.1

对于OS X.

有任何想法吗?

css safari webkit google-chrome css-selectors

14
推荐指数
3
解决办法
8341
查看次数

标签 统计

css ×1

css-selectors ×1

google-chrome ×1

safari ×1

webkit ×1