JSFiddle - React, Tailwind, and code Playground

HTML

<table>
    <tr>
        <td>Normal row</td>
    </tr>
    <tr>
        <td>Normal row</td>
    </tr>
    <tr>
        <td>Normal row</td>
    </tr>
    <tr>
        <td>Normal row</td>
    </tr>
    <tr>
        <td>Normal row</td>
    </tr>
    <tr class='highlighted'>
        <td>Highlighted row</td>
    </tr>
    <tr class='highlighted'>
        <td>Highlighted row</td>
    </tr>
    <tr class='highlighted'>
        <td>Highlighted row</td>
    </tr>
    <tr class='highlighted'>
        <td>Highlighted row</td>
    </tr>
    <tr class='highlighted'>
        <td>Highlighted row</td>
    </tr>
    <tr>
        <td>Normal row</td>
    </tr>
    <tr>
        <td>Normal row</td>
    </tr>
    <tr>
        <td>Normal row</td>
    </tr>
    <tr>
        <td>Normal row</td>
    </tr>
    <table>

CSS

.highlighted{
 background-color: lightyellow;
}
table:first-child tr.highlighted td{
    border-top: solid 1px gray;
}