JSFiddle - React, Tailwind, and code Playground

HTML

<table class="grid">
    <tr><td>nono1</td></tr>
    <tr><td>nono2</td></tr>
    <tr><td>nono3</td></tr>
    <tr><td>nono4</td></tr>
    <tr class="display-none"><td>nono5</td></tr>
    <tr><td>nono6</td></tr>
    <tr><td>nono7</td></tr>
    <tr><td>nono8</td></tr>
</table>

CSS

.grid tr:not(.display-none):nth-child(2n+1) > td {
    background: red;
}

.display-none * {
    display: none;
}