JSFiddle - React, Tailwind, and code Playground

HTML

<table class="detailtable">
    <tr><td>A row</td></tr>
    <tr><td>A row</td></tr>
    <tr style="background:darkgray"><td>A row</td></tr>
    <tr style="background:darkgray"><td>A row</td></tr>
    <tr style="background:darkgray"><td>A row</td></tr>
    <tr style="background:darkgray"><td>A row</td></tr>
    <tr style="background:darkgray"><td>A row</td></tr>
    <tr style="background:darkgray"><td>A row</td></tr>
</table>

CSS

td {
    padding: 4px 20px;
}

JavaScript

console.log(
    document.querySelectorAll('.detailtable tr:not([style*="darkgray"])')
)