如何在一个CSS文件中引入其他CSS文件

@import 规则可以在一个CSS文件中引用另一个CSS文件。它的语法如下所示：

@import url("path/to/another.css");

在这个例子中，我们使用 @import 规则将另一个名为”another.css”的CSS文件引入到当前的CSS文件中。可以使用相对路径或绝对路径指定要引入的文件的位置。

@import  规则通常位于CSS文件的顶部。然而，由于浏览器在解析CSS时是从上到下逐行读取的，所以如果将@import 规则放在CSS文件的其他位置，可能会导致页面加载速度变慢。

请注意，@import 规则只能在CSS文件中使用，不能在HTML文件中使用。此外，它也不适用于内联样式。

以下是一个 @import 规则的示例：

@import url("reset.css");

在这个例子中，我们将一个名为”reset.css”的CSS文件引入到当前的CSS文件中。这样可以将重置样式应用到页面上的所有元素。

番外：在html文件中引入CSS文件的2种方法

1、在head标签中使用 link标签，引入外部CSS文件

2、在style标签中使用@impor url("CSS文件路径")引入外部CSS文件

注：需要要注意的是这个import 只能在style标签中使用。在实际当中这种方式使用的并不多。