Best wishes
<div class="test-colours">|test header|h|test row 2||test row 3||test row 4||test row 5||test footer|f</div><style>/* "oddRow" & "evenRow" here mean their opposite. *//* yellowish row (odd) */div.test-colours table .evenRow {background: hsl(60, 100%, 60%);}/* bluish row (even) */div.test-colours table .oddRow {background: hsl(182, 100%, 89%);} /* bluish */div.test-colours table {margin-left: 3rem;}</style>
In css the odd and even selectors count by tag, the header row is a tr the same as the other rows so the odd and even are odd and even, the header and footers just have a more specific selector applied to them, probably matching the th elements.