小编bod*_*ero的帖子

@import有没有办法像导入 .less 文件时一样，将 .css 文件的规则嵌套在选择器下？

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

#x {
    color: #000;
}

和文件“main.less”

.scope {
    @import "x.less";
}

编译“main.less”结果

.scope #x {
  color: #000;
}

但是，如果您有“y.css”

#y {
    color: #111;
}

并将“main.less”更改为

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

编译“main.less”结果

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

如果你有“z.css”

#z {
    color: #222;
}

并将“main.less”更改为

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

编译“main.less”结果

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