3-1. 使用SASS部分文件

2018-08-11 21:13 更新

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

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

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

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

掃描二維碼

下載編程獅App

公眾號(hào)
微信公眾號(hào)

編程獅公眾號(hào)