少编译器使一切都加倍

Question

少编译器使一切都加倍

我的项目中有一个简单的style.less文件,我正在使用bootstrap来实现干净,响应迅速的设计.所以我们走了:

@import "bootstrap/bootstrap.less";

@import "../css/jquery.vegas.css";
@import "../css/jquery.fancybox-1.3.4.css";

body {
  padding-top: 60px;
  padding-bottom: 40px;
}

@import "bootstrap/responsive.less";

Run Code Online (Sandbox Code Playgroud)

现在,当我用less编译文件时,css-output看起来很奇怪:

.container {
  width: 940px;
  margin-left: auto;
  margin-right: auto;
  *zoom: 1;
  *zoom: 1;
  width: 940px;
  margin-left: auto;
  margin-right: auto;
  *zoom: 1;
  *zoom: 1;
}

Run Code Online (Sandbox Code Playgroud)

他只是加倍一切!当我在我的devolper实例上工作时,我甚至可以直接在浏览器中看到这种奇怪的行为.

那是如此奇怪和可怕,有谁知道为什么会这样？在从引导程序导入的原始较少文件中,所有内容仅定义一次.

Answer 1

eme*_*his 6

这是两个可能的解决方案.它们看起来都很明显,但我有时会忽略它们......

您是否在实际编译的css文件中看到了重复的样式规则？或者您是否在Firebug或Chrome的开发人员工具中看到了重复的规则？如果是第二个,请返回并确保您的css文件实际上有重复项.
在使用LESS时我遇到了完全相同的重复问题,直到我意识到我已经将css包括在内两次之后我才弄明白<head>.这是一个愚蠢的错误,但我以前肯定做过.

祝好运.

解决了!非常感谢艾默生:)第二个解决方案是我的确切问题 - 导入:@import"bootstrap/responsive.less"; 包括文件"variables.less"和"mixins.less"再次 - 它们已经包含在"bootstrap.less"的第一个导入中.-所以,我刚刚在responsive.less中删除了这些导入,现在一切看起来好:) (4认同)

归档时间：	13 年，10 月前
查看次数：	1220 次
最近记录：	11 年，9 月前