Change table cell highlight for first 3 rows Options

[daverich]

Hello friends!
I have this table with row highlighting – it highlights the rows in different colours (first 3 in dark and later in blue). I wonder If I can also change the table cell highlight to yellow for the first three rows and keep the rest as it is now?
Here is the style:

<style>
body {
background-color: #0D0D0D;
}

tr:hover{
background: #0000F7;
color: rgb(102,102,102);
}


tr:hover td{
background: transparent !important;
}

tr td:hover {
background-color: #609 !important;
}

tr:nth-child(1):hover {
background-color: #292C31;
}

tr:nth-child(2):hover {
background-color: #292C31;
}
tr:nth-child(3):hover {
background-color: #292C31;
}

a {
color:#BFBFBF !important;
}

a {
text-decoration:none !important;
}


</style>

And the file itself:
https://jsfiddle.net/33bxg04e/
Thanking you!)
Dave

[pandy]

Is it the background color or the hover color you want to change?

[daverich]

yes - thank you!)

[Christian J]

You should be able to use the same kind of nth-child rules that you already have (bu without the :hover part).

[pandy]

Background OR hover color?