JSFiddle - React, Tailwind, and code Playground
HTML
<div>
<ul>
<li>The find() method<span>returns descendant elements of the selected element.</span></li>
<li>A descendant is a child, grandchild, great-grandchild, and so on.</li>
<li>To return all of the descendant elements, use the<span> "*" selector.</span></li>
</ul>
</div>
CSS
div{
width: 100%;
margin:0 auto;
}
li{
list-style: none;
padding: 10px 5px;
font-size: 20px;
}
JavaScript
$(document).ready(function() {
// find the span element and add this css into it
$("ul").find("span").css({"color": "#ff3333", "border": "2px solid #1a0000"});
});