JSFiddle - React, Tailwind, and code Playground

by Jedaias Rodrigues

HTML

<div id="conteudo">
  <div class="teste">Minha Div 1</div>
</div>
<br />
<button id="mudarcss">Mudar css</button>
<button id="adicionardiv">Adicionar Div 2</button>

CSS

.teste {
  background-color: red;
  border-color: black;
  border-style: solid;
}

JavaScript

$("#mudarcss").click(function(){
		 $("<style type='text/css'> .teste{ background-color:blue;} </style>").appendTo("head");
});

$("#adicionardiv").click(function(){
	$("#conteudo").append("<div class='teste'>Minha Div 2</div>");
});