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

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

<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/
  • Вопрос задан
  • 194 просмотра
Решения вопроса 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;}
Ответ написан
Комментировать
Пригласить эксперта
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы