求一个去除CSS文件冗余的方法

Question

现在 我有一个CSS文件CSS里的选择器有若干重复的
/*dtfmat*/
.icon-16-dtfmat{
background-image:url(/resource/graphics/icons/application-dtfmat-16px.png) !important;
}
/* chapan */
.icon-add-chapan{
background-image:url(/system/chapan/img/add_16.gif) !important;
}
.icon-csv-expfil{
background-image:url(/system/chapan/img/del_16.gif) !important;
}
.icon-filter-chapan{
background-image:url(/system/chapan/img/filter_import_16.png) !important;
}
.x-color-palette-2-chapan{
width: 150px;
height: 38px;
cursor: pointer;
}
.x-color-palette-2-chapan a{
border: 1px solid;
float: left;
padding: 2px;
text-decoration: none;
-moz-outline: 0 none;
outline: 0 none;
cursor: pointer;
}
.x-color-palette-2-chapan a:hover, .x-color-palette-2-chapan a.x-color-palette-2-chapan-sel{
border: 1px solid;
}
.x-color-palette-2-chapan em{
display: block;
border: 1px solid;
}
.x-color-palette-2-chapan em span{
cursor: pointer;
display: block;
height: 10px;
line-height: 10px;
width: 10px;
}
/* chktre */
.chktre-node-icon-hide {
display:none
}/* expfil */
.icon-print-expfil {
background-image:url(/resource/graphics/icons/printer.png) !important;
}
.icon-export-expfil {
background-image:url(/resource/graphics/icons/application-export.png) !important;
}
.icon-csv-expfil{
background-image:url(/resource/graphics/icons/document-csv.png);
}
.icon-html-expfil{
background-image:url(/resource/graphics/icons/document-html.png) !important;
}
.icon-excel-expfil{
background-image:url(/resource/graphics/icons/document-excel.png);
}
.icon-jpg-expfil{
background-image:url(/resource/graphics/icons/document-image.png);
}
.icon-pdf-expfil{
background-image:url(/resource/graphics/icons/document-pdf.png) !important;
}
现在我想要得到一个脚本能去除CSS里的重复项请高手提供一个方法 谢谢

Answer 1

这样吧
/*dtfmat*/
.icon-16-dtfmat{
    background-image:url(/resource/graphics/icons/application-dtfmat-16px.png) !important;
}
/* chapan */
.icon-add-chapan{
    background-image:url(/system/chapan/img/add_16.gif) !important;
}
.icon-csv-expfil{
    background-image:url(/system/chapan/img/del_16.gif) !important;
}
.icon-pdf-expfil{
    background-image:url(/system/chapan/img/filter_import_16.png) !important;
}
.x-color-palette-2-chapan{
    width: 150px;
    height: 38px;
    cursor: pointer;
}
.x-color-palette-2-chapan a{
    border: 1px solid;
    float: left;
    padding: 2px;
    text-decoration: none;
    -moz-outline: 0 none;
    outline: 0 none;
    cursor: pointer;
}
.x-color-palette-2-chapan a:hover, .x-color-palette-2-chapan a.x-color-palette-2-chapan-sel{
    border: 1px solid;
}
.icon-pdf-expfil{
    display: block;
    border: 1px solid;
}
.x-color-palette-2-chapan em span{
    cursor: pointer;
    display: block;
    height: 10px;
    line-height: 10px;
    width: 10px;
}
/* chktre */
.chktre-node-icon-hide {
display:none
}/* expfil */
.icon-print-expfil {
    background-image:url(/resource/graphics/icons/printer.png) !important;
}
.icon-pdf-expfil{
    background-image:url(/resource/graphics/icons/application-export.png) !important;
}
.icon-csv-expfil{
    background-image:url(/resource/graphics/icons/document-csv.png);
}
.icon-html-expfil{
    background-image:url(/resource/graphics/icons/document-html.png) !important;
}
.icon-excel-expfil{
    background-image:url(/resource/graphics/icons/document-excel.png);
}
.icon-pdf-expfil{
    background-image:url(/resource/graphics/icons/document-image.png);    
}
.icon-pdf-expfil{
    background-image:url(/resource/graphics/icons/document-pdf.png) !important;
}

Answer 2

我也没看出哪里重复。很明显，经你这么一改意思就变了， .x-color-palette-2-chapan em 的border没了。不喜欢冗长的话，自己手动精简吧，有的工作机器代替不了……

Answer 3

没有重复，一个是简写；一个是归类；
CSS也是有架构的，得手写