Задать вопрос

Как подсветить строку таблицы?

Есть таблица:

<div class="page_table">
<table>
<tbody>
<tr class="alt">
<td>
Ряд 1
</td>
<td>
Ряд 2
</td>
</tr>

<tr>
<td>
Значение 1
</td>
<td>
Значение 2
</td>
</tr>
</tbody>
</table>
</div>

.page_table tr :hover {background: #F6C06F;}
Несмотря на то, что указан селектор строки - подсвечивается только ячейка.
Как подсветить всю строку?

Фидл
https://jsfiddle.net/1cst9ypp/
  • Вопрос задан
  • 209 просмотров
Подписаться 1 Оценить Комментировать
Помогут разобраться в теме Все курсы
  • Яндекс Практикум
    Профессиональная вёрстка на HTML и CSS
    3 месяца
    Далее
  • Stepik
    Основы HTML и CSS
    2 недели
    Далее
  • OTUS
    HTML/CSS
    3 месяца
    Далее
Решения вопроса 3
andykov
@andykov
Shit happens
tr :hover
пробел уберите
Ответ написан
Комментировать
ewgenio
@ewgenio
Всё по чуть чуть
.page_table tr:hover {background: #F6C06F;}
Без пробела
https://jsfiddle.net/1cst9ypp/5/
Ответ написан
Комментировать
PavelMonro
@PavelMonro
.page_table tr:hover td {background: #F6C06F;}
Или просто
.page_table tr:hover {background: #F6C06F;}
Ответ написан
Комментировать
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы