在 CSS 文件中使用 @import 语句的语法如下:
@import url("styles2.css");
或者
在上述代码中,"styles2.css" 是要引入的外部 CSS 文件的路径。
需要注意以下几点:
-
@import 语句必须出现在其他 CSS 规则之前,通常放在 CSS 文件的开头。
-
多个 @import 语句可以依次排列,但建议数量不要过多,以免影响页面加载性能。
-
引入的 CSS 文件的路径可以是相对路径或绝对路径。相对路径是相对于当前 CSS 文件的位置。
例如,如果当前 CSS 文件位于 css 文件夹中,要引入同文件夹下的 styles2.css 文件,可以写成:
如果要引入上级文件夹中的 styles2.css 文件,可以写成:
@import "../styles2.css";
|