JSFiddle - React, Tailwind, and code Playground

by AkaiKen

HTML

<div id="menu_general">
<ul>
<li><a href="" class="niveau_0">Le lycée</a>
<ul>

<li><a href="" class="niveau_1">Présentation du lycée</a>
<ul>
<li><a href="" class="niveau_6">Nos résultats</a></li>
<li><a href="" class="niveau_6">Pressbook</a></li>
</ul>
</li>
<li><a href="" class="niveau_1">Panorama du lycée</a></li>
<li><a href="" class="niveau_1">Le CDI</a></li>
<li><a href="" class="niveau_1">Actualité</a>
<ul>
<li><a href="" class="niveau_9">Sorties pédagogique</a></li>

<li><a href="" class="niveau_9">Voyages</a></li>
<li><a href="" class="niveau_9">Chantier</a></li>
<li><a href="" class="niveau_9">Actions territoriale</a></li>
<li><a href="" class="niveau_9">Association sportive</a></li>
</ul>
</li>
<li><a href="" class="niveau_1">Coopération internationnale</a></li>
<li><a href="" class="niveau_1">Offres d'emplois</a></li>
</ul>
</li>
<li><a href="" class="niveau_0">Nos formations</a>

<ul>
<li><a href="" class="niveau_2">Formation Initiale</a></li>
<li><a href="" class="niveau_2">Apprentissage</a></li>
</ul>
</li>
<li><a href="" class="niveau_0">L'exploitation</a></li>
<li><a href="" class="niveau_0">Contact</a>
<ul>
<li><a href="" class="niveau_4">Comment s'inscrire ?</a></li>
<li><a href="" class="niveau_4">Nous  contacter</a></li>
<li><a href="" class="niveau_4">Nous rendre visite</a></li>

</ul>
</li>
<li><a href="" class="niveau_0">Vie scolaire</a>
<ul>
<li><a href="" class="niveau_5">Accès à l'intranet</a></li>
<li><a href="" class="niveau_5">Familles</a></li>
<li><a href="" class="niveau_5">Personnel</a>
<ul>
<li><a href="" class="niveau_26">Emploi du temps</a></li>
<li><a href="" class="niveau_26">Menu du self</a></li>
<li><a href="" class="niveau_26">Conférence</a></li>

</ul>
</li>
</ul>
</li>
</ul>
</div>

CSS

#menu_general {
    margin-left:40px;
}

#menu_general ul{
list-style-type:none;
margin-left:-10px
}
#menu_general li{
margin:0px;
}
#menu_general a{
text-decoration:none
}
#menu_general > ul {
list-style-type:disc;
}

#menu_general > ul > li > a {
    color : #f00;
}

/* a.niveau_0 {color : #f00;} */