Change specific character color in CSS writen textbox on hover

Ask a question
1

I’m trying to change the color of 2 very specific characters when hovering it, in a textbox with content made purely in CSS.

Since it’s not written in HTML but CSS, I can’t specifically add style tags to do this and I’m lost.

What I want is the #CODESTUDENT:hover:after code to make the “<” & “>” red on hover.

#CODESTUDENT:after {
  content: "CODE STUDENT";
}

#CODESTUDENT:hover:after {
  content: "<CODE STUDENT>";
}
<li id="CODESTUDENT"></li>

I’ve tried adding color properties etc, I’ve not been able to fix this.

offer bounty
add comment

0 Answer

Your Answer