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