较少文件后导入css

Question

这是我的文件：

@import "app.less";
@import (inline) "rtl.css";

当我编译它（使用WinLESS）时，它输出以下内容：

// content of rtl.css
// content of app.less then

我的意思是css import语句，后来在less文件中，在编译的css中首先出现。为什么会这样？

Answer 1

正如Harry所说，有一个issue on github，由于CSS限制，任何@import应放在CSS文件的任何其他内容之前。 （W3 page）

一个简单的解决方案是将CSS文件扩展名更改为.less。或者在(less)关键字后面添加@import： @import (less) "rtl.css"让LESS知道它是一个LESS文件。 （LESS Import Options）