JSFiddle - React, Tailwind, and code Playground

by Sanjay

HTML

<main>
    <article>
        <section>
            <p>SHOULD be selected as first element</p>
            <p>SHOULD NOT be selected</p>
        </section>
        <ul>
            <li><p>SHOULD NOT be selected</p></li>
            <li><p>SHOULD NOT be selected</p></li>
        </ul>
        <p>SHOULD be selected as last element</p>
    </article>
</main>

CSS

article section > p:first-child, article > p:last-child {
    background: red;
    color: white;
}