如何从编译的LESS中保留我现有的CSS

时间:2015-09-21 16:18:58

标签: css less css-preprocessor

我今天开始在一个项目中使用LESS并发现了一个问题,让我们来描述一下 -

我总是在我工作的任何项目中使用预定义的CSS重置以及WordPress核心CSS以及我即将推出的CSS。在我使用LESS之前没有发生这个问题。

当我编写新的LESS代码并通过SimpLESS应用程序或任何其他编译器编译它时,我刚从样式表(.css)中删除了现有的CSS(重置,WP Core)代码,并使用新的CSS编译代码更新样式表

这对我来说真的很烦人,因为我第一次使用LESS。

那么,如何同时保留我现有的CSS和编译的CSS?

提前致谢! :)

2 个答案:

答案 0 :(得分:1)

两个选项:

  1. 将现有的CSS放入LESS代码中。你的LESS代码会 在每次保存时覆盖您的css文件,这样您就可以管理所有的 风格很少。

  2. 更改LESS文件的名称,这样您就不会覆盖您的文件 现有的CSS代码,然后将链接放到HTML中的两个样式表中 文档,或将此行放在LESS文件中:

    @import (css) "foo.css";
    

答案 1 :(得分:0)

为什么不将你的编辑器编译成单独的样式表并将其包含在页面头中?问题是如果你从style.less编译到style.css而不包括你的现有css代码,它将覆盖不附加到它的文件。

因此,要么使用上面的解决方案,要将现有的css包含在less中,要么编译成不同的文件名,并在文档头中包含两个css文件。