JSFiddle - React, Tailwind, and code Playground

by Krishna Ananthi

HTML

<div id="Fruits">
	Fruits
	<div id="Apple">Apple</div>
	<div id="Banana">Banana</div>
</div>
<br/>
<div id="Category">
	Category
	<div id="Fruits">Fruits</div>
	<div id="Animals">Animals</div>
</div>

CSS

div {
    border: 1px solid black;
    margin:5px;
}

JavaScript

$('div').filter('#Fruits').css('background','red');
$('div').find('#Fruits').css('border-style','dashed');
$('div').has('#Fruits').css('border-style','dotted');