JSFiddle - React, Tailwind, and code Playground

by nerdess

HTML

<div class="test1">
<p>row 1</p>
<p>row 2</p>
</div>

<table class="test2">
<thead><tr><td>something</td></tr></thead>
<thead><tr><td>something else</td></tr></thead>
</table>
</table>

CSS

.test1 p:first-child {
  background: red;
} 

.test2 thead:first-child td {
  background: red
}