扫码一下
查看教程更方便
在本章中,我们将了解 LESS 中导入选项的重要性。 LESS 提供了@import
语句,允许样式表同时导入 LESS 和 CSS 样式表。
下表列出了将在导入语句中实现的导入指令。
序号 | Import 选项 | 描述 |
---|---|---|
1 | reference | 它仅使用 LESS 文件作为参考,不会输出它。 |
2 | inline | 它使我们能够将 CSS 复制到输出中而无需处理。 |
3 | less | 它会将导入的文件视为常规 LESS 文件,尽管文件扩展名可能是什么。 |
4 | css | 它会将导入的文件视为常规 CSS 文件,尽管文件扩展名可能是什么。 |
5 | once | 它只会导入一次文件。 |
6 | multiple | 它将多次导入文件。 |
7 | optional | 即使找不到要导入的文件,它也会继续编译。 |
@import
语句中允许使用多个关键字,但是我们必须使用逗号分隔关键字。
例如
@import (less, optional) "custom.css";