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 {
    display:block;
    border-top:1px solid lightgrey;
    background-color:lightyellow;

}
.highlighted ~ .highlighted {
    border:0;
}