Less导入指令
在标准css中,@import 规则必须位于所有其他类型的规则之前。但是Less.js不在乎我们将 @import 语句放在什么位置。 @import 伪指令常用于在代码中导入文件,它将Less 代码分布在不同的文件上,并允许轻松地维护代码的结构,我们可以将 @import 语句放在代码的任何位置。
件扩展名
@import 取决于文件扩展名,Less可以对语句进行不同的处理:
如果文件具有 .css 扩展名,它将被视为CSS,并且该 @import 语句保持原样。
如果有其他扩展名,则将其视为 Less 并导入。
如果没有扩展名, .less 将被附加,并将其作为导入的 Less 文件包含在内。
// 1:导入index.less
@import "index";
// 2:导入index.less
@import "index.less";
// 3:作为less文件导入的index.php
@import "index.php";
// 4:声明保留原样
@import "index.css";本文内容仅供个人学习、研究或参考使用,不构成任何形式的决策建议、专业指导或法律依据。未经授权,禁止任何单位或个人以商业售卖、虚假宣传、侵权传播等非学习研究目的使用本文内容。如需分享或转载,请保留原文来源信息,不得篡改、删减内容或侵犯相关权益。感谢您的理解与支持!