JSFiddle - React, Tailwind, and code Playground

HTML

<section id="first">
    <h1>Colors</h1>
    <section id="red">
        <h1>Red</h1>
        <section id="apples">
            <h1>Apples</h1>
        </section>
        <section id="apples">
            <h1>Strawberries</h1>
        </section>
    </section>
    <section id="orange">
        <h1>Orange</h1>
    </section>
</section>

CSS

section {
    color:#000;
    font-weight:normal;
}

section section {
    padding-left:40px;
}

JavaScript

$('section').click(function(e){
    $(e.target).css('color','yellow');
});