JSFiddle - React, Tailwind, and code Playground

HTML

<table id="logtable" class="pretty">
        <thead>
            <tr>
                <th>Time</th>
                <th>From</th>
                <th>To</th>
                <th>Payload</th>
            </tr>
        </thead>
        <tbody>
                <tr>
                    <td>test1</td>
                    <td>test2</td>
                    <td>test3</td>
                    <td>
                      <table>
                        <tr>
                          <td>test4</td>
                          <td>test5</td>
                        </tr>
                      </table>
                    </td>
                </tr>
        </tbody>
    </table>

CSS

.pretty > * > tr > td:first-child {
    background-color: red;
}