css 中@import url

`@import` 是CSS中的一个规则，用于导入其他样式表文件。使用`@import`规则可以将一个样式表文件中的样式规则插入到当前样式表中。在使用时，通常会在样式表的开始部分书写`@import`语句，这样可以确保被导入的样式表在当前样式表之前被加载。

`@import`的基本语法如下：

@import url("styles.css");

这里的`url`是必须的，用于指定要导入的样式表文件的路径。可以使用相对URL或绝对URL。

以下是使用`@import`的一些要点：
- `@import`规则必须位于CSS样式表中的所有样式规则之前，包括其他`@import`规则。
- 可以在一个`@import`语句中导入多个样式表，用逗号分隔各个URL。
- 在某些情况下，使用`@import`可能会导致性能问题，因为它会增加页面加载的HTTP请求次数。
- 从CSS2开始，`@import`可以使用`media`查询来指定样式表适用的媒体类型或条件，从而只在符合媒体条件时才导入相应的样式表。
- CSS预处理器（如Sass或Less）中也可以使用`@import`，但它们的行为与原生CSS略有不同。