JSFiddle - React, Tailwind, and code Playground

by acegyver

HTML

<table class="prod-rvw-tbl">
    <tbody>
        <tr class="rvw-product-total">
            <td colspan="2">just some filler text </td>
            <td>Total:</td>
            <td>$180.67</td>
        </tr>
    </tbody>
</table>

CSS

/* JUST LIKE THIS, THE ENTIRE ROW GOES GREEN AND BOLD */
table.prod-rvw-tbl tr[class="rvw-product-total"]:last-child td,
table.prod-rvw-tbl tr[class="rvw-product-total"]:nth-child(n+2) td {
  font-weight: bold;
  background-color: #DFF0D8;
}

/* UN-COMMENT THIS AND THE ENTIRE ROW GOES WHITE 
table.prod-rvw-tbl tr[class="rvw-product-total"]:first-child td {
  background-color: #fff;
}
*/