在本章中,我们将学习导入选项。 LESS提供 @import ,允许样式表同时导入LESS和CSS样式表。
下表列出了将在import语句中实现的导入伪指令。
S.N. | 导入选项及描述 |
---|---|
1 | reference 它使用一个LESS文件作为参考,不会输出它。 |
2 | inline 它使您能够将CSS复制到输出而不进行处理。 |
3 | less 它会将导入的文件视为常规LESS文件,尽管可能是文件扩展名。 |
4 | css 它会将导入的文件视为常规CSS文件,尽管可能是文件扩展名。 |
5 | once 它将只导入一次文件。 |
6 | multiple 它会多次导入文件。 |
7 | optional 即使找不到要导入的文件,它仍会继续编译。 |
允许在 @import 语句中使用多个关键字,但必须使用逗号分隔关键字。
例如:
@import (less, optional) "custom.css";