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";本文内容仅供个人学习/研究/参考使用,不构成任何决策建议或专业指导。分享/转载时请标明原文来源,同时请勿将内容用于商业售卖、虚假宣传等非学习用途哦~感谢您的理解与支持!