JSFiddle - React, Tailwind, and code Playground

by Manju06

HTML

<p>pelement</p>
<p>pelement more text</p>
<p>more text pelement</p>
<p>pelement more text</p>
<div>
  <p>div content</p>
  <p>div content</p>
</div>
<p>ptext</p>
<p>pmore text</p>
<p>ptext</p>
<p>pmore text</p>
<div>
  <p>div content</p>
  <p>div content</p>
</div>

CSS

:not(div)>p:first-of-type::first-letter {
  font-size: 2.5em;
  color: indianred;
  line-height: 1;
}