JSFiddle - React, Tailwind, and code Playground

HTML

<li id="CODESTUDENT"></li>

CSS

#CODESTUDENT {
   font-size: 40px;
 }

 #CODESTUDENT::before {
   content: "CODE STUDENT";
   color: black;
 }

 #CODESTUDENT::after {
   color: red;
 }

 #CODESTUDENT:hover::before {
   content: "<CODE STUDENT";
 }

 #CODESTUDENT:hover::after {
   content: ">";
 }

 #CODESTUDENT:hover::first-letter {
   color: red;
 }