JSFiddle - React, Tailwind, and code Playground

HTML

<div>
  <p>#lorem ispsum dolor</p>
  <p><span>#</span>lorem ispsum dolor</p>
  <p>lorem ispsum dolor</p>
  <p>lorem ispsum dolor</p>
</div>
<div>
  <p>&gt;lorem ispsum dolor</p>
  <p><span>&gt;</span>lorem ispsum dolor</p>
  <p>lorem ispsum dolor</p>
  <p>lorem ispsum dolor</p>
</div>

CSS

div:nth-of-type(1) p:nth-of-type(4):before {content:'#'}
div:nth-of-type(1) p:first-letter {color: red;}
div:nth-of-type(1) p:nth-of-type(3):before {content:'#'}

div:nth-of-type(2) p:nth-of-type(4):before {content:'>'}
div:nth-of-type(2) p:first-letter {color: red;}
div:nth-of-type(2) p:nth-of-type(3):before {content:'>'}