Less 将css文件作为块级导入使用较少的

有没有一种方法可以像导入.less文件一样，使用

@import

将.css文件的规则嵌套在选择器下

---

如果您有一个文件，“x.less”

和文件“main.less”

编译“main.less”会导致

.scope #x {
  color: #000;
}

.scope {
  @import "y.css";
}

.scope {
  #z {
  color: #222;
}

---

然而，如果你有 “y.css”

并将“main.less”更改为

编译“main.less”会导致

.scope #x {
  color: #000;
}

.scope {
  @import "y.css";
}

.scope {
  #z {
  color: #222;
}

---

如果你有 “z.css”

并将“main.less”更改为

编译“main.less”会导致

.scope #x {
  color: #000;
}

.scope {
  @import "y.css";
}

.scope {
  #z {
  color: #222;
}

（内联）

只是“按原样”插入导入的文件，而不解析它，因此在规则集内这样导入的结果是未定义的（与您的示例中一样，CSS无效）。 要获取所需内容，请使用选项，例如：

.scope {
    @import (less) "z.css";
}