3-4. 原生的CSS導(dǎo)入

由于sass兼容原生的css，所以它也支持原生的CSS@import。盡管通常在sass中使用@import時，sass會嘗試找到對應(yīng)的sass文件并導(dǎo)入進來，但在下列三種情況下會生成原生的CSS@import，盡管這會造成瀏覽器解析css時的額外下載:

• 被導(dǎo)入文件的名字以.css結(jié)尾；
• 被導(dǎo)入文件的名字是一個URL地址(比如http://www.sass.hk/css/css.css)，由此可用谷歌字體API提供的相應(yīng)服務(wù)；
• 被導(dǎo)入文件的名字是CSS的url()值。

這就是說，你不能用sass的@import直接導(dǎo)入一個原始的css文件，因為sass會認為你想用css原生的@import。但是，因為sass的語法完全兼容css，所以你可以把原始的css文件改名為.scss后綴，即可直接導(dǎo)入了。

文件導(dǎo)入是保證sass的代碼可維護性和可讀性的重要一環(huán)。次之但亦非常重要的就是注釋了。注釋可以幫助樣式作者記錄寫sass的過程中的想法。在原生的css中，注釋對于其他人是直接可見的，但sass提供了一種方式可在生成的css文件中按需抹掉相應(yīng)的注釋。