CSS 特异性和在紧迫的截止日期后规范化您的样式表

Question

我刚刚完成了一个重量级的长销售页面，页面上有很多元素和不同的样式。CSS 最终对其选择器过于具体，并且有许多圆形框、背景图像等。在简而言之，CSS 有点乱。 (只能怪我自己!)

任何人都可以建议一种有条不紊地浏览此样式表的方法，以便合并我的重复属性等吗？我怀疑是否有任何工具可以为我执行此操作，但我想知道其他人如何处理这种情况？

谢谢。

Answer 1

事实上有一些CSS Refactoring tools ，这在 SO 上已经很好地涵盖了。

不过，我不能为它们担保，因为我总是手动重构。我的技术是将现有样式分成:

• 布局
• 排版
• 颜色(外观和感觉)
• 技巧

这通常是一项快速的复制和粘贴工作。从那里开始，相似性和冗余性变得更加明显，因此组合和简化变得更加容易。

完成后，在页面顶部有一个目录可以让您的部分更容易找到，并且通常更容易搜索。