JSFiddle - React, Tailwind, and code Playground

by Vaibhav Mehta

HTML

<div class="sidebar">
<ul class="nav">
    <li><a href="#">Dashboard</a>
    </li>
    <li id="accordian"> <a data-toggle="collapse" data-parent="#accordion" href="#collapseOne">New Registration</a>

        <ul id="collapseOne" class="nav nav-pills nav-stacked collapse">
            <li><a href="#"><i class="glyphicon glyphicon-chevron-right"></i> Resource</a>
            </li>
            <li><a href="#"><i class="glyphicon glyphicon-chevron-right"></i> Client</a>
            </li>
        </ul>
    </li>
</ul>
    </div>

CSS

.sidebar > ul.nav > li:first-child {
   color: red;
}