@import 有什么作用？如何使用

@import 是 CSS 的一个指令，用于从一个样式表中引入另一个样式表。使用 @import 指令可以让您把多个样式表合并在一起，方便管理和维护。

举个例子，如果你有一个名为 "styles.css" 的样式表，想要在另一个名为 "main.css" 的样式表中引入它，可以使用如下 @import 指令：

@import "styles.css";

然后，在您的 HTML 文档中，只需要引入 "main.css" 即可：

<link rel="stylesheet" href="main.css">

这样，您的 HTML 文档就会使用 "styles.css" 中的样式。

需要注意的是，@import 指令必须位于样式表的顶部，也就是在所有其他样式之前，否则它将无法正常工作。此外，@import 指令不能和其他 CSS 规则混合使用，必须单独一行。

希望这些信息对您有帮助。