css – less编译器将所有内容都加倍

前端之家收集整理的这篇文章主要介绍了css – less编译器将所有内容都加倍前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我的项目中有一个简单的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";

现在,当我用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;
}

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

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

解决方法

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

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

祝好运.

猜你在找的CSS相关文章