JSFiddle - React, Tailwind, and code Playground

by aanita0309

HTML

<a href="#">Link</a>
<button>Click</button>

CSS

body{
  
  padding:50px;
  font-size:24px;
}

a {color:blue;}
a:hover{color:green;}

JavaScript

function injectStyle(magic){
var div	=$("<div />",{
html:'&shy;<style>'+magic.getContent()+ '</style>'
}).appendTo("body");

}

$("button").on("click",function(){
injectStyle('a:hover{color:red;}');
});