css重复代码合并问题

css重复代码合并问题

没见过这样的工具，按照css的特性相同属性后写进去的生效，把你最想要的属性往后写就行，唯一不美的就是上面会多出很多无效的
div{
    display: none;
    height: 100px;
    width:200px;
    background-color: #000;
    border: 1px solid #666;
}
div{
    display: block;
    background-color: #666;
    width: 300px;
}生效的代码
div{
    height: 100px;
    border: 1px solid #666;
    display: block;
    background-color: #666;
    width: 300px;
}

如果你只是想缩小一下css文件的体积 , 那么首先建议把每个css都用一行显示.
不太推荐后面合并代码 , 可能会出现问题 , 这个就不解释了吧 !
建议自己写css的时候先搜索一个解析器名称 , 再添加新的样式...

没有这样的工具，这样的样式代码一般都是dreamweaver等所见即所得的方式生成的，垃圾代码会非常的多，还是亲自手写的干净利落，举个例子：
*{ margin:0px; padding:0px;}img{ border:0px}ul,li{list-style:none; list-style-type:none}
body{height: 100%; font:12px "宋体", arial, sans-serif,'DejaVu Sans','Lucida Grande',Tahoma,'Hiragino Sans GB',STHeiti,SimSun,sans-serif;color:#000; }
a{color:#333;text-decoration:none; color:#000}
a:hover{text-decoration:underline; color:#900}

如果你够水平的话，可以自己写一段程序来过虑，或者替换掉 PHP js这些语言都可以

不需要工具。 在需要的地方 输入 A:link {LINE-HEIGHT: 28px; }"

把重复的代码注释掉。然后在标签加上 style=“CSS代码”即可