JSFiddle - React, Tailwind, and code Playground

HTML

<section id="main">
            <div class="container">
                <div class="row">
                    <div class="col-md-12 col-sm-12">
                        <ul>
                            <li>bla</li>
                            <li>bla bla 
                                <ul>
                                    <li>bla bla bla</li>
                                    <li>bla bla bla bla </li>
                                    <li>bla bla bla bla bla</li>
                                    <li>bla bla bla bla bla bla</li>
                                </ul>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
        </section>

CSS

section ul li {
		text-decoration: underline;
	}

	section ul li ul li {
		text-decoration: none !important;
	}