使用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和範圍了。