JSFiddle - React, Tailwind, and code Playground

HTML

<div class="🙂"></div>
<div class="💔"></div>

CSS

div {
  background-color: #dddddd;
  padding: 10px;
  margin-top: 5px;
}



div.🙂:before, div.💔:before {
  content: "Class " attr(class) ": ";
}

div.🙂:after {
  content: "👍";  
}

div.💔:after {
  content: "😬";  
}