1

...我应该将此作为错误提交吗？不使用它我的代码有效。当我使用它时，我会丢失一些样式。

在进一步研究之后，它正在删除类的多个定义。

此外，这里有类似问题的人 -避免 Grunt cssmin 任务以删除重复条目

我为每个浏览器定义了 4 次相同的类。浏览器知道使用浏览器扩展中的哪一个。

有没有办法告诉它不要这样做：

这是 Gruntfile.js

cssmin: {
  options: {
    shorthandCompacting: false,
    roundingPrecision: -1
  },
  target: {
    files: {
      [b + 'css/monster.min.css']: [b + 'css/monster.css']
    }
  }
}

这是损坏的CSS。

在此处输入图像描述

以下是相关代码： 

/***************************************************************************************************
  BROWSER SPECEFIC
*/

/*<|{FireFox}_css|>*/


/***************************************************************************************************
FF
*/


/* ui-dialog is used by jqueryui
*/
.ui-dialog, .grey_box {
  background:  -moz-linear-gradient(top, #fefefe, #dddddd);
}

/*
*/


.black_but{
  color:       #ffffff;
  border:      1px solid #222222;
  background:  -moz-linear-gradient(top, #888888, #444444);
}
.black_but:hover{
  background:  -moz-linear-gradient(top, #444444, #222222 );
}
.black_but:active{
  border:      1px solid #444444;
  background:  -moz-linear-gradient(top, #222222, #000000);
}

/*
*/

.blue_but{
  color:       #ffffff;
  border:      1px solid #057ed0;
  background:  -moz-linear-gradient(top, #31baed, #019ad2);
}
.blue_but:hover{
  background:  -moz-linear-gradient(top, #2aaada, #0271bf );
}
.blue_but:active{
  border:      1px solid #096eb3;
  background:  -moz-linear-gradient(top, #0271bf, #0271bf);
}

/*
*/
4

0 回答 0