JSFiddle - React, Tailwind, and code Playground

HTML

<p id="first">ТЕКСТ</p>
<p id="second">ТЕКСТ</p>
<p id="third">ТЕКСТ</p>
<p id="fourth">ТЕКСТ</p>
<p id="fifth">ТЕКСТ</p>
<p id="sixth">ТЕКСТ</p>
<p id="seventh">ТЕКСТ</p>

CSS

#first {
  color: red;
}
#second {
  color: orange;
}
#third {
  color: yellow;
}
#fourth {
  color: green;
}
#fifth {
  color: blue;
}
#sixth {
  color: navy;
}
#seventh {
  color: purple;
}
#first {
  color: red;
}