我可以在同一個樣式表上混合使用CSS和SCSS嗎？

Question

我剛剛發現SCSS，並且認爲它對於我目前正在開發的網站（我已完成大約50％）很有用，並且這將是一種很好的方式，可以讓我現有的CSS更加整潔，更易於閱讀。

我的問題是我可以重寫我現有的CSS的一部分作爲SCSS和剩下的CSS？我可以在同一個樣式表中同時擁有CSS和SCSS嗎？還是必須是全部SCSS或CSS？

Answer 1

SCSS是CSS的預處理器，所以是你可以混合，只要您使用.scss

結尾的文件雖然我建議你閱讀SASS Docs和合適的方式來使用它。

看到下面和SASS demo：

SCSS

.test { 
    div { 
    color:red; 
    } 
} 

div span { 
    background:blue; 
} 

CSS

.test div { 
    color: red; 
} 

div span { 
    background: blue; 
} 

Answer 2

是的，這很好，沒問題。