JSFiddle - React, Tailwind, and code Playground

HTML

<body>
    <p id="first">
      <strong class="carrot">C</strong>ascading
      <strong class="spinach">S</strong>tyle
      <strong class="spinach">S</strong>heets
    </p>
    <p id="second">
      <strong>C</strong>ascading
      <strong>S</strong>tyle
      <strong>S</strong>heets
    </p>
  </body>

CSS

strong {
    color: red;
}
.carrot {
    color: orange;
}
.spinach {
    color: green;
}
#first {
    font-style: italic;
}

JavaScript

console.log(document.getElementById('first'));