在CSS中,可以使用@import
語句來鏈接另一個CSS文件,假設(shè)你有一個名為style.css
的CSS文件,你想在另一個名為main.css
的CSS文件中使用它,你可以這樣寫:
@import url('style.css');
這會將style.css
文件中的所有樣式導(dǎo)入到main.css
中。@import
語句必須放在CSS文件的頂部。
如果你使用的是CSS預(yù)處理器(如Sass或Less),你可以使用@import
指令來導(dǎo)入其他CSS文件,在Sass中,你可以這樣寫:
@import 'style';
這會將style.scss
文件中的所有樣式導(dǎo)入到當(dāng)前文件中。@import
指令必須放在CSS預(yù)處理器文件的頂部。
如果你使用的是CSS模塊化(如CSS Modules),你可以使用import
語句來導(dǎo)入其他CSS模塊,假設(shè)你有一個名為StyleModule
的CSS模塊,你想在另一個名為MainModule
的CSS模塊中使用它,你可以這樣寫:
import StyleModule from './style.css';
這會將StyleModule
中的所有樣式導(dǎo)入到MainModule
中。import
語句必須放在JavaScript文件的頂部。
無論你是使用CSS文件、CSS預(yù)處理器還是CSS模塊化,都可以使用類似的方法來實現(xiàn)樣式的導(dǎo)入和鏈接。