3-1. 使用SASS部分文件

2018-08-11 21:13 更新

當(dāng)通過@importsass樣式分散到多個文件時,你通常只想生成少數(shù)幾個css文件。那些專門為@import命令而編寫的sass文件,并不需要生成對應(yīng)的獨(dú)立css文件,這樣的sass文件稱為局部文件。對此,sass有一個特殊的約定來命名這些文件。

此約定即,sass局部文件的文件名以下劃線開頭。這樣,sass就不會在編譯時單獨(dú)編譯這個文件輸出css,而只把這個文件用作導(dǎo)入。當(dāng)你@import一個局部文件時,還可以不寫文件的全名,即省略文件名開頭的下劃線。舉例來說,你想導(dǎo)入themes/_night-sky.scss這個局部文件里的變量,你只需在樣式表中寫@import "themes/night-sky";。

局部文件可以被多個不同的文件引用。當(dāng)一些樣式需要在多個頁面甚至多個項目中使用時,這非常有用。在這種情況下,有時需要在你的樣式表中對導(dǎo)入的樣式稍作修改,sass有一個功能剛好可以解決這個問題,即默認(rèn)變量值。

以上內(nèi)容是否對您有幫助:
在線筆記
App下載
App下載

掃描二維碼

下載編程獅App

公眾號
微信公眾號

編程獅公眾號