modules CSS sélecteurs imbriqués

Question

je la convention suivante pour le nom d'espacement mon application et les composants:

<div id="app-name"> 

    <ul class="list"> 
    <li>item</li> 
    </ul> 

</div> 

---

#app-name { 

    .list { 
    margin: 0; 
    } 

} 

Je voudrais utiliser des modules CSS, cependant, je ne suis pas sûr on pourrait convertir et garder la même spécificité de l'app et l'espacement des noms de composants. Je comprends que je pourrais simplement omettre l'ID entière #app-name mais j'aimerais ce genre de spécificité.

Pensées?

Answer 1

Essayez cette

#app-name .list { 
    margin: 0; 
    } 

Snippet exemple ci-dessous

#app-name .list { 
 
    margin: 0; 
 
    }

<div id="app-name"> 
 

 
    <ul class="list"> 
 
    <li>item</li> 
 
    </ul> 
 

 
</div>