JSFiddle - React, Tailwind, and code Playground

HTML

<div class="content">

  <pre><span>Текст должен быть красным.</span></pre>

  <p>Привет! <span>Текст должен быть красным</span></p>

  <span>Текст должен быть красным</span>

  <blockquote>
    <p>
      <span>Текст должен быть красным</span>
    </p>
  </blockquote>

  <div class="container">

    <pre><span>Текст должен быть синим</span>
    <span>Текст должен быть синим</span></pre>

    <span>Текст должен быть синим</span>

    <blockquote>
      <p>
        <span>Текст должен быть синим</span>
      </p>
    </blockquote>

  </div>

</div>