SCSS 原生css匯入

關於scss的@import的基本用法可以參閱scss @import一章節。

但是由於scss完全相容原生css，所以在scss檔案中也可以原生的方式使用@import。

下面就分別介紹一下，在哪些情況會以原生的方式使用@import:

（1）.被匯入檔案的名字以.css結尾。

（2）.被匯入檔案的名字是一個URL地址，例如:http://www.softwhy..com/css.css。

（3）.被匯入檔案的名字是CSS url()值。

如下程式碼:

[Scss] 純文字檢視 複製程式碼
@import "grids.css";
$padding: 50px;
div {
 //antzone
  padding:$padding;
}

編譯成css程式碼如下:

[CSS] 純文字檢視 複製程式碼
@import url(grids.css);
div{
  padding: 50px; 
}

如果我們不想以原生的方式匯入css檔案，也就不能夠直接匯入以css為副檔名的檔案。

又由於scss完全相容css語法，所以我們可以直接將css副檔名修改為scss副檔名即可。