JSFiddle - React, Tailwind, and code Playground

HTML

<h1>A H1 TITLE</h1>
<p>some text</p>
<p>some text</p>
<p>some text</p>
<p>some text</p>

<h1>A H1 TITLE</h1>
<p>some text</p>
<p>some text</p>
<p>some text</p>
<p>some text</p>

    <h2>A H2 TITLE</h2>
    <p>some text</p>
    <p>some text</p>
    <p>some text</p>
    <p>some text</p>

<h1>A H1 TITLE</h1>
<p>some text</p>
<p>some text</p>
<p>some text</p>
<p>some text</p>

CSS

/* THIS WORKS BUT WANT SOMETHING RECURRING */
h1 + p, h1 + p + p  {
  color:red
}