SCSS進口層次

Question

我要組織我的項目的CSS在一個層次，像這樣：

app { 
    interface1 { 
     gadget1 {} 
    } 
} 

而且我想這個分裂成無數個較小的CSS文件：

app.scss 
_interface1.scss 
_gadget1.scss 

我可以導入這樣的：

/* app.scss */ 
app { 
    @import 'interface1' 
    @import 'interface2' 
} 

/* _interface1.scss */ 
interface 1 { 
    @import 'gadget1' 
} 

/* _gadget1.scss */ 
gadget1 { 
    height: 1000px; 
    width: 1000px; 
    /* ...etc... */ 
} 

或什麼是實現這一目標結構的最佳方式？

Answer 1

回答我自己的問題：是的，可以做到這一點。

下載SASS並試了一下。