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

Question

我刚刚完成了一个重量级的长销售页面，页面上有很多元素和不同的样式.CSS最终与其选择器一样具体，并且有许多圆形框，背景图像等。简而言之，CSS有点乱。 （只有我责备！）

任何人都可以建议一种有条不紊地浏览此样式表的方法，以便合并我的重复属性等吗？我怀疑有什么工具可以帮我这么做，但我想知道其他人如何应对这种情况？

感谢。

Answer 1

1. 如果可能，将CSS与速记属性结合使用。
2. 利用独特的dom ID将样式应用于该元素的子元素。
3. 您可以在同一元素上使用多个CSS类，例如class =“somestyle some-other-style”。使用此方法，您可以采用重复的CSS样式并将其定义为一个。
4. 使用*选择器将样式应用于所有孩子。
5. 如果将其全部放在一个大的CSS文件中，请将代码分成多个部分，其中样式与您网站上的页面相关，即/ * MEMBERS PAGE * /
6. 通过在线压缩器运行样式以减少代码大小。有些甚至会自动为您组合元素，从而进一步降低复杂性。

这应该让你开始。很难进一步添加，这实际上取决于您的HTML代码和结构的设置方式。如果你能提供一个想法，我们可以进一步提供帮助。

Answer 2

实际上有一些CSS Refactoring tools，很好地涵盖了。

但是，我无法为他们担保，因为我总是手工重构。我的技术是将现有的样式分成：

• 布局
• 印刷术
• 颜色（外观和感觉）
• 黑客

这通常是一个快速的副本＆amp;粘贴工作。从那里，相似性和冗余更加明显，因此组合和简化变得更加容易。

完成上述操作后，在页面顶部设置TOC可以轻松查找部分，并且通常更容易搜索。