JSFiddle - React, Tailwind, and code Playground

HTML

<span style="color:red !important; font-size: 20px;">
    
    Text
    <span>Nested span with color declared</span>
    Text
    <h2>color and size declared</h2>
    <strong>only weight declared</strong>
    <em>only size declared</em>
</span>

CSS

h2 {
  color: green;
  font-size: 30px;    
}
strong {
  font-weight: bold;
}
em {
  font-size: 15px;   
}
span {
   color: blue;   
}