JSFiddle - React, Tailwind, and code Playground

by zlojnaxa

HTML

<div id="body">
	<div id="head" class="class-head">Это див с id="head" и class="class-head"
		<div id="eyes" class="class-eyes">А это вложенный див с id="eyes" и class="class-eyes"</div>
	</div>
</div>

CSS

#body{
	height:  200px;
}

.class-head{
	background: #d2d9ff;
}

.class-eyes{
	background: #c7ffc9;
}

JavaScript

$("#body").click(function(){
    $(this).removeClass();
    $(this).addClass(event.target.classList[0]);
});