JSFiddle - React, Tailwind, and code Playground

HTML

<div class="Root">
    <div>ddddddd</div>
    <div>
        <div>pppppppppp</div>
        <div>pppppppppp</div>
    </div>
    <div>ddddddd</div>
</div>

CSS

.Root > :first-child, .Root > :last-child { border: 1px solid red }
.Root { color: green; }