JSFiddle - React, Tailwind, and code Playground

HTML

<p>HELLO</p>

CSS

p{
cursor: pointer;
}
p:hover{
color: green;
}

JavaScript

$('p').one('click',function(){
$('head').append('<style>p:hover{color:red;}</style>');
});