JSFiddle - React, Tailwind, and code Playground

HTML

<div>
    <p>anything here would make :first-child not work</p>
    <div class="content1">
        <div class="contentInner">Text1</div>
    </div>
    <div class="content1">
        <div class="contentInner">Text2</div>
    </div>
    <div class="content1">
        <div class="contentInner">Text3</div>
    </div>
</div>

CSS

.content1 {
    background: red;
}
.content1:nth-of-type(1) {
    border: 10px solid blue;
}