JSFiddle - React, Tailwind, and code Playground

by gaboom

HTML

<p a="b">
First line
</p>
<p class="yellow pink magenta">
Second line
</p>
<p class="yellow" id="footer">
Third line
</p>

CSS

p {
  font-size: 24px;
}
p.yellow {
  color: red;
}
#footer {
  color: cyan;
}
p[a=b] {
  font-weight: bolder;
}