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

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

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

這就是說(shuō)，你不能用sass的@import直接導(dǎo)入一個(gè)原始的css文件，因?yàn)?code>sass會(huì)認(rèn)為你想用css原生的@import。但是，因?yàn)?code>sass的語(yǔ)法完全兼容css，所以你可以把原始的css文件改名為.scss后綴，即可直接導(dǎo)入了。

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