我今天开始在一个项目中使用LESS并发现了一个问题,让我们来描述一下 -
我总是在我工作的任何项目中使用预定义的CSS重置以及WordPress核心CSS以及我即将推出的CSS。在我使用LESS之前没有发生这个问题。
当我编写新的LESS代码并通过SimpLESS应用程序或任何其他编译器编译它时,我刚从样式表(.css)中删除了现有的CSS(重置,WP Core)代码,并使用新的CSS编译代码更新样式表
这对我来说真的很烦人,因为我第一次使用LESS。
那么,如何同时保留我现有的CSS和编译的CSS?
提前致谢! :)
答案 0 :(得分:1)
两个选项:
将现有的CSS放入LESS代码中。你的LESS代码会 在每次保存时覆盖您的css文件,这样您就可以管理所有的 风格很少。
更改LESS文件的名称,这样您就不会覆盖您的文件 现有的CSS代码,然后将链接放到HTML中的两个样式表中 文档,或将此行放在LESS文件中:
@import (css) "foo.css";
答案 1 :(得分:0)
为什么不将你的编辑器编译成单独的样式表并将其包含在页面头中?问题是如果你从style.less编译到style.css而不包括你的现有css代码,它将覆盖不附加到它的文件。
因此,要么使用上面的解决方案,要将现有的css包含在less中,要么编译成不同的文件名,并在文档头中包含两个css文件。