在 CSS 文件中使用 @import 語句的語法如下:
@import url("styles2.css");
或者
在上述代碼中,"styles2.css" 是要引入的外部 CSS 文件的路徑。
需要注意以下幾點(diǎn):
-
@import 語句必須出現(xiàn)在其他 CSS 規(guī)則之前,通常放在 CSS 文件的開頭。
-
多個(gè) @import 語句可以依次排列,但建議數(shù)量不要過多,以免影響頁面加載性能。
-
引入的 CSS 文件的路徑可以是相對路徑或絕對路徑。相對路徑是相對于當(dāng)前 CSS 文件的位置。
例如,如果當(dāng)前 CSS 文件位于 css 文件夾中,要引入同文件夾下的 styles2.css 文件,可以寫成:
如果要引入上級文件夾中的 styles2.css 文件,可以寫成:
@import "../styles2.css";
|