JSFiddle - React, Tailwind, and code Playground

by Ian Sadovy

HTML

<div>
  <p class="par">
    Paragrapth 1
  </p>
  <p class="par green">
    Paragrapth 2
  </p>
  <p id="special" class="par green" style="color:blue">
    Paragrapth 3 (Special)
  </p>
</div>

CSS

body {
  font-family: monospace;
}
#special {
  color: gold !important;
} 
.par {
  color: red;
}

div p {
  color: blue;
}

p {
  color: yellow;
}

.par.green {
  color: green;
}

.green {
  color: blue;
}