JSFiddle - React, Tailwind, and code Playground

HTML

<body>
  <div id="hero" class="hero">
    Hello
  </div>
</body>

CSS

.hero::first-letter{
  color:brown;
}
.hero{
  color:green;
}
.hero:hover{
  color:blue;
}