How to highlight a table row?

There is a table
<div class="page_table">
<table>
<tbody>
<tr class="alt">
<td>
Number 1
</td>
<td>
Number 2
</td>
</tr>

the <tr>
<td>
A value of 1
</td>
<td>
A value of 2
</td>
</tr>
</tbody>
</table>
</div>


.page_table tr :hover {background: #F6C06F;}
Despite the fact that you specify the selector string is the cell.
How to highlight entire row?

Fiddle
https://jsfiddle.net/1cst9ypp/
June 26th 19 at 14:13
3 answers
June 26th 19 at 14:15
Solution
.page_table tr:hover {background: #F6C06F;}
Without a space
https://jsfiddle.net/1cst9ypp/5/
June 26th 19 at 14:17
tr :hover
space remove
June 26th 19 at 14:19
.page_table tr:hover td {background: #F6C06F;}
Or just
.page_table tr:hover {background: #F6C06F;}

Find more questions by tags CSSHTML