Селекторы, часть 1 / Псевдокласс :hover [12/18] Не работает


#1

Задание засчитывается, но в мини-браузере ничего не происходит. Safari 11.0

table {
background: rgba(255, 255, 255, 0.95);
}

tr:hover {
background-color: #fcf8e3;
}

strong:hover {
color: #0088cc;
}


#2

Та же проблема) нов Хроме, через раз срабатывает.


#3

Не работает в Хроме Версия 62.0.3202.94 (Официальная сборка), (32 бит).
Как не билась, элементы не реагируют на наведение курсора.
А вот в следующем задании все работает.


#4

Проверим, спасибо.


#5

+1 не работает

Version 62.0.3202.94 Chrome Mac Os 10.12.5

Срабатывает если перезагрузить страницу и пастнуть код с уже выполненным заданием.


#6

Не работает в Яндекс-браузере Версия 17.11.0.2260


#7

Здравствуйте. а почему tr:hover не сработал для

   <tr>
              <th>№</th>
              <th>Спортсмен</th>
              <th>Очки</th>
            </tr>

эта строчка особенная какая-то?


#8

“Наведите курсор мыши на строки таблицы и на очки биатлонистов для проверки работы подсветки.”

Наводили?


#9

там то работает, почему не сработало в шапке таблицы? мы же все tr селектором выбрали


#10

А, вот Вы о чём… не сразу понял вопрос…

В этом файле – <link rel="stylesheet" href="course-4.css"> – помимо прочего гламура,
для th задан цвет фона #f5f5f5;

tr:hover перекрашивает строку, но на ячейки это правило не распространяется.

Если изменить цвет ячеек на прозрачный: th {background-color: transparent;}
строка (вернее ячейки в строке) не будет отличаться от остальных.