JSFiddle - React, Tailwind, and code Playground

HTML

<ul class="menu">
    <li>Хүүхэд 1
        <ul>
            <li>Ач 1</li>
            <li>Ач 2
                <ul>
                    <li>Гуч 1</li>
                    <li>Гуч 2</li>
                </ul>
            </li>
            <li>Ач 3</li>
        </ul>
    </li>
    <li>Хүүхэд 2
        <ul>
            <li>Ач 4</li>
            <li>Ач 5</li>
        </ul>
    </li>
    <li>Хүүхэд 3</li>
</ul>

CSS

:root {display: block}

.menu {padding: 5px 10px; background-color: #ddd}
ul {padding-left: 25px;}


/* Бүгдийг нь #444 өнгөтэй болгох */
/* descendant буюу "удам угсаа" сонголт */
.menu li {color: #FFF}

/* Зөвхөн эхний түвшинг #f00 болгох */
/* child буюу "хүүхэд" сонголт */
.menu > li {color: red;}