...これをバグとして報告する必要があります。それを使用しなくても、私のコードは機能します。私がそれを使用するとき、私は私のスタイリングのいくつかを失います.
さらに調べたところ、クラスの複数の定義を削除しています。
また、ここで同様の問題を抱えている人 - 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);
}
/*
*/