JSFiddle - React, Tailwind, and code Playground

HTML

<ul id="summer-drinks">
   <li class="favorite">Whiskey and Ginger Ale</li>
   <li>Wheat Beer</li>
   <li>Mint Julip</li>
</ul>

CSS

.favorite {
   color: red;
}
.favorite {
   color: black;
}


/* .favorite {
  color: red;
  font-weight: bold;
} */

/* ul#summer-drinks li {
   font-weight: normal;
   font-size: 12px;
   color: black;
} */

html body ul#summer-drinks li.favorite {
  color: red;
  font-weight: bold;
}