进口.css文件到文件.LESS进口.css文件到文件.LESS(import .css file

你可以导入.css文件到.LESS文件...？

我很熟悉，少用我所有的发展。我经常使用的结构如下：

@import "normalize";

//styles here

@import "mixins";
@import "media-queries";
@import "print";

所有进口其他.LESS文件和所有的作品，因为它应该。

我现在的问题是：我想要导入.css文件到.LESS引用在.css文件中使用如下方式：

@import "../style.css";

.small {
    font-size:60%;
    .type;
}
// other styles here

.css文件包含一个类中调用.type但是当我试图编译.LESS文件出现错误NameError: .type is undefined

请问.LESS文件无法导入.css文件，只等.LESS的...？还是我引用错了...？！

Answer 1:

您可以强制一个文件来使用指定的选项，例如，被解释为一个特定的类型：

@import (css) "lib";

将输出

@import "lib";

和

@import (less) "lib.css";

将导入lib.css文件，并把它当作少。如果您指定的文件是越来越不包括扩展名，没有人会被添加。

Answer 2:

如果你希望你的CSS被复制到输出没有被处理，你可以使用(inline)指令。例如，

@import (inline) '../timepicker/jquery.ui.timepicker.css';

Answer 3:

~~改变你的CSS文件的文件扩展名.less 。~~ ~~你不需要写任何少;~~ ~~所有的CSS是有效以下（不含，你有逃跑的MS的东西，但这是另外一个问题。）~~

每Fractalf的答案，这是固定在V1.4.0

Answer 4:

我不得不使用与1.7.4版本以下

@import (less) "foo.css"

我知道接受的答案是@import (css) "foo.css" ，但没有奏效。如果你想重用在新文件少你的CSS类，你需要使用(less) ，而不是(css)

检查文档。

Answer 5:

从LESS网站：

如果要导入CSS文件，不要想少来处理它，只需使用的CSS扩展：
@import “lib.css”; 该指令将只是保持原样，并在CSS输出结束。

作为jitbit在下面的评论指出，这是真的只用于开发目的是有用的，因为你不会希望有不必要的@import小号消耗宝贵的带宽。

Answer 6:

试试这个：

@import "lib.css";

从官方文档：

您可以导入CSS和更少的文件。只有较少的文件import语句进行处理，css文件import语句都保持原样。如果要导入CSS文件，不要想少来处理它，只需使用的CSS扩展：

来源： http://lesscss.org/

Answer 7:

如果你只是想导入CSS-文件作为参考（例如，使用类中混入），但不包括你可以使用结果整个CSS文件@import (less,reference) "reference.css"; ：

my.less

 @import (less,reference) "reference.css";
 .my-class{
     background-color:black;
     .reference-class;
     color:blue;
 }

reference.css

.reference-class{
    border: 1px solid red;
}

*结果（my.css）与lessc my.less out/my.css *

.my-class {
  background-color: black;
  border: 1px solid red;
  color: blue;
}

我使用lessc 2.5.3

Answer 8:

如果要导入应交合的css文件少使用这行：

.ie {
  @import (less) 'ie.css';
}

Answer 9:

因为1.5.0ü可以使用的“内联”关键字。

例如：@import（内联）“不不太compatible.css”;

您将使用此当CSS文件可能无法相容性较差; 这是因为，虽然不太支持大多数已知标准CSS，它不支持在一些地方的意见，不支持所有已知的CSS黑客无需修改CSS。所以，你可以用它来在输出中包含文件，以便所有的CSS将是在一个文件中。

（来源： http://lesscss.org/features/#import-directives-feature ）

文章来源: import .css file into .less file