在使用less進行CSS預處理時,我們常常需要將多個CSS文件導入到同一個樣式表中,以便于管理和維護。這時候我們就可以使用Less里的導入語句。
@import "common.css";
可以看到,導入語句使用@import關鍵字,后面緊跟著要導入的CSS文件路徑,路徑可以是相對路徑或者絕對路徑。
如果要導入多個CSS文件,我們可以將多個導入語句寫在一起,或者使用一個逗號隔開多個文件:
@import "common.css"; @import "base.css";
或者
@import "common.css", "base.css";
值得注意的是,導入語句必須寫在樣式表的頂部,否則會報錯。
另外,當導入的CSS文件里也有導入語句時,Less會將它們一起編譯成一個CSS樣式表,這也能幫助我們更好地組織CSS文件,提高代碼復用性。
總之,在Less中使用導入語句可以方便我們管理和維護多個CSS文件,也能夠減少代碼冗余,提高代碼復用性。