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并试了一下。