JSFiddle - React, Tailwind, and code Playground

by deepak sisodiya

HTML

<div class="descendants" style="width:500px;">div (current element)
    <p>p (child) <span>span (grandchild)</span> 
    </p>
    <p>p (child) <span>span (grandchild)</span>

    </p>
</div>

CSS

.descendants * {
    display: block;
    border: 2px solid lightgrey;
    color: lightgrey;
    padding: 5px;
    margin: 15px;
}

JavaScript

// DOM traversing find() method

$("div").find("span").css({"color":"red","border":"2px solid red"});