使用scss的css模块

Question

我正在使用css模块。每个CSS模块是一个SCSS文件，看起来像下面这样：

.componentWrapper { 
    border: solid cadetblue; 
    border-radius: 40px; 
    padding: 10px; 
    width: 95%; 
    &.componentTitle { 
    font-size: 18px; 
    width: 15%; 
    background-color: white; 
    margin-top: -25px; 
    } 
} 

是它认为是一种反模式使用&里面的CSS模块？

Answer 1

嗯，没有。请记住，这会迫使您将HTML放在合适的结构中以使其工作。因此，如果样式仅用于本模块而其他地方不需要，那绝对没问题。但是如果你需要其他地方的风格，在另一个没有合适的html结构的环境中，另一种方法f.i.通过使用类，会更好。然后@extend指令可以派上用场。

Answer 2

不，青菜装载机将首先运行吐出纯CSS

CSS模块采取CSS和范围了。