Ошибка Webkit с `: hover` и несколькими соседними селекторами

Safari и Chrome, а также Opera и Firefox могут работать с селекторами псевдо-classа и смежных селекторов: :hover :

a:hover + div {}

Это работает.

Однако, когда добавляется еще один соседний брат:

div:hover + a + div {}

Webkit разваливается.

Однако, если вы сначала наведите указатель мыши на а затем наведите указатель мыши на

стиль будет применен так, как должен.

Меня еще больше смущает, потому что если вы добавите:

div:hover ~ div {}

с объявленным стилем или без него, он начинает работать так, как должен.

демонстрация

Я вижу эту проблему в:

  • Google Chrome 15.0.874.121
  • Safari 5.1.1

для OS X.

Есть идеи?

вы можете преодолеть псевдоэксперты Webkit + общие / смежные ошибки селекторов, используя фальсификацию анимации на элементе body:

 body { -webkit-animation: bugfix infinite 1s; } @-webkit-keyframes bugfix { from { padding: 0; } to { padding: 0; } } 

вы можете проверить это здесь: http://jsfiddle.net/jalbertbowdenii/ds2yY/1/

Легкое исправление без анимации

Обращался к аналогичной проблеме здесь , где эта идея изменения псевдоclassов разрешила ее (обратите внимание: nth-child(n) всегда будет соответствовать):

 div:hover + a:nth-child(n) + div 

В качестве альтернативы, исправление может применяться только к элементам, которые имеют проблему обновления, а не к элементу body:

http://jsfiddle.net/ds2yY/12/

 .force-repaint { -webkit-animation: bugfix infinite 1s; } @-webkit-keyframes bugfix { from { fill: 0; } to { fill: 0; } } 
  • iPhone WebKit CSS анимации вызывают мерцание
  • CSS Радиус frameworks не обрезает изображение на Webkit
  • Цвет фона не отображается в предварительном просмотре
  • Как мой код iPhone Objective-C получит уведомление об ошибках Javascript в UIWebView?
  • Что такое правильное значение «-moz-appearance», чтобы скрыть стрелку вниз элемента
  • Как я могу отлаживать javascript на Android?
  • Масштабирование изображения с помощью CSS: есть ли альтернатива webkit для -moz-crisp-edge?
  • HTML5 Сафари в прямом эфире против нет
  • css z-index потерян после преобразования webkit translate3d
  • Почему изменение порядка стекирования зависит от зависания фильтра webkit?
  • Проблема с Chrome с фиксированными фиксированными элементами фиксированной и фиксированной позиции
  • Interesting Posts

    Java: бесконечный цикл с использованием Scanner in.hasNextInt ()

    Как создать липкое меню левой боковой панели с помощью бутстрапа 3?

    время ожидания запуска службы Windows

    Как вычесть день с даты?

    Получение нескольких аргументов для одной опции с использованием getopts в Bash

    Как создать видео из массива изображений в Android?

    Выбрать элемент по точному соответствию его содержимому

    Получение «Подтверждение подлинности подписи, совпадающее с данным профилем, не найдено в вашей цепочке ключей»

    gdb scripting: выполнять команды в выбранной точке останова

    В чем разница между XML-схемой и DTD?

    Удалить пароль для ноутбука Toshiba?

    Почему мои параметры размера страницы в Word 2013 отличаются от других параметров размера страницы Word 2013?

    Что такое обсуждение streamов?

    Как проверить одно поле, связанное с чужим значением в ASP.NET MVC 3

    Как отслеживать использование ЛВС? (AKA 'top для LAN')

    Давайте будем гением компьютера.