在标准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";