将 CSS 文件导入到 LESS 文件中

在 LESS 中，导入外部样式表对于组织和维护代码来说是一个有用的功能。但是，在导入不同文件类型时，了解具体要求至关重要。

导入 .css 文件

与导入其他 LESS 文件不同，将 .css 文件导入 LESS 文件需要特殊考虑。像往常一样简单地使用 @import 指令是行不通的。

导入 .css 文件的语法

要将 .css 文件导入到 LESS 文件中，需要使用以下语法：

@import (css) "path/to/style.css";

通过指定 (css) 选项，您显式告诉 LESS 编译器将导入的文件视为 CSS 文件。这将确保 .css 文件中的 CSS 样式包含在您的 LESS 文件中。

示例

考虑以下代码：

@import (css) "../style.css";

.small {
  font-size: 60%;
  .type;
}

在此示例中，LESS 文件导入 ../style.css 文件，该文件包含一个名为 .type 的类。通过指定 (css) 选项，LESS 编译器会将导入的文件识别为 CSS 文件，并使类 .type 在 LESS 文件中可访问。

通过遵循此特定语法，您可以成功导入和使用LESS 代码中的 CSS 文件，允许您结合两个框架的功能。