JSFiddle - React, Tailwind, and code Playground

by il kamil

HTML

<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>

CSS

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