css - 在 less 文件后导入 css

Question

这是我的 less 文件:

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

当我编译它(使用 WinLESS)时，它输出以下内容:

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

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

Answer 1

正如哈利所说，有一个 issue on github ，这表示由于 CSS 限制，任何 @import 都应该放在 CSS 文件中的任何其他内容之前。 ( W3 page )

一个简单的解决方案是将 CSS 文件扩展名更改为 .less。或者在语句中的 @import 关键字之后放置 (less) :@import (less) "rtl.css" 让 LESS 知道它是一个 LESS 文件。 ( LESS Import Options )