如何重构css？

我的任务是重构一个网站的css，我对重构过程非常陌生。为了重构我网站的css，我可以经历什么样的确切过程？为了简化此过程，我可以使用哪些工具？

“整理”，这是切换到预处理的理想机会

基本上，我认为重构就是“整理”。就我个人而言，如果我要进行这个过程，我会考虑通过现有的CSS进行工作，并将其“重构”为一种预处理语言，如LESS或SASS。它肯定会减少行数（预渲染），并带来老板们想要的各种其他奖金：）

特别是消除冗余或重复的规则

重构过程的一个主要部分是消除冗余或重复的规则。要么是针对不存在的元素的规则（这些元素通常会随时间增长），要么是意外复制的规则

注释、缩进和分段代码

很好地注释代码可能会被视为重构过程的一部分，并且会受到可能跟随您的同事和程序员的热烈欢迎。切换到CSS预处理器的另一个好处是，您可以慷慨地进行注释、编码缩进、分段等，当代码编译成生产中使用的（通常是缩小的）CSS时，所有额外的内容都会被剥离掉

可能有用的工具

像claim这样的工具可以识别/删除未使用的CSS规则，但我没有使用这些规则的经验，因此我宁愿手动完成这项任务

代码重构是在不改变其外部行为的情况下，通过改变因子来重构现有计算机代码的过程

从这个链接获取

一种方法是尽量避免为具有相同属性的每个html元素编写重复的代码

示例看三个div的样式，每个div都有相同的规则

#d1{
颜色：红色；
左侧填充：15px；
背景颜色：绿色；
}
#d2{
颜色：红色；
背景颜色：蓝色；
左侧填充：15px；
}
#d3{
左侧填充：15px；
颜色：红色；
背景颜色：黄色；
}

d1
d1
d3