CSS模塊嵌套選擇

Question

我爲名字以下約定間距我的應用程序和組件：

<div id="app-name"> 

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

</div> 

---

#app-name { 

    .list { 
    margin: 0; 
    } 

} 

我想使用CSS模塊，但是，我不知道怎麼樣人們會去轉換它，並保持應用程序和組件名稱空間的相同特徵。我知道我可以簡單地忽略整個#app-name ID，但我想要這種特殊性。

想法？

Answer 1

嘗試這個

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

片段的例子下面

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

<div id="app-name"> 
 

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

 
</div>