Question

If I am targeting a specific row, say the first one in a table, and want to change font color, I can do this

.mytable tr:first th {
  color: red
}

But how do I add a hover property to the same row? This won’t work, would it?

.mytable tr:first:hover th {
  color: green
}

Answer 1

Can you put just the first row in a thead container?

.mytable thead:hover {
     color: green
}

<table class="mytable">
    <thead>
        <tr><th>hello</th></tr>
    </thead>
    <tr><td>goodby</td></tr>
</table>