将.css文件导入.less文件

9 回答

• 28

  如果您希望将CSS复制到输出中而不进行处理，则可以使用(inline) directive . 例如 . ，

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

  回复于 2024-04-29T21:33:28+08:00
• 8

  将css文件的文件扩展名更改为.less . 你不需要写任何LESS;所有CSS都是有效的LESS（除了你必须逃脱的MS之外，这是另一个问题 . ）

  Per Fractalf's answer this is fixed in v1.4.0

  回复于 2024-04-29T21:33:28+08:00
• 7

  如果要导入应该被删除的css文件，请使用以下行：

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

  回复于 2024-04-29T21:33:28+08:00
• 285

  Try this :

  @import "lib.css";
  

  From the Official Documentation :

  您可以导入css和less文件 . 只处理较少的文件import语句，css文件import语句保持不变 . 如果要导入CSS文件，并且不希望LESS处理它，只需使用.css扩展名：

  ---

  Source : http://lesscss.org/

  回复于 2024-04-29T21:33:28+08:00
• 4

  从1.5.0开始，你可以使用'inline'关键字 .

  示例：@import（inline）“not-less-compatible.css”;

  当CSS文件可能不兼容时，您将使用此选项;这是因为虽然Less支持大多数已知标准CSS，但它不支持某些地方的注释，并且不支持所有已知的CSS黑客而不修改CSS . 因此，您可以使用它将文件包含在输出中，以便所有CSS都在一个文件中 .

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

  回复于 2024-04-29T21:33:28+08:00
• 25

  您可以通过指定选项强制将文件解释为特定类型，例如：

  @import (css) "lib";
  

  将输出

  @import "lib";
  

  和

  @import (less) "lib.css";
  

  将导入 lib.css 文件并将其视为更少 . 如果指定的文件较少且不包含扩展名，则不会添加任何文件 .

  回复于 2024-04-29T21:33:28+08:00
• 6

  我必须在版本1.7.4中使用以下内容

  @import (less) "foo.css"
  

  我知道接受的答案是 @import (css) "foo.css" 但它没有用 . 如果要在新的less文件中重用css类，则需要使用 (less) 而不是 (css) .

  检查documentation .

  回复于 2024-04-29T21:33:28+08:00
• 3

  来自LESS website：

  如果要导入CSS文件，并且不希望LESS处理它，只需使用.css扩展名：@import“lib.css”;该指令将保持原样，最终在CSS输出中 .

  正如jitbit在下面的评论中指出的那样，这实际上只对开发目的有用，因为你不希望不必要的_538017消耗宝贵的带宽 .

  回复于 2024-04-29T21:33:28+08:00
• 232

  如果您只想将CSS文件作为参考导入（例如，使用Mixins中的类），但 not 在结果中包含整个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

  回复于 2024-04-29T21:33:28+08:00