css - 如何管理超过 10,000 行的 magento CSS 文件？

Question

我是 Magento 的初学者，但我收到了一个超过 10,000 行的 css 文件。在我出现之前(我是新来的)，该网站已经有一些开发人员在处理它，所以我不确定什么是自定义的，什么是主题的一部分。没有评论，似乎有某种基于网格的css框架以及normalizer.css

这是一个典型的电子商务网站，带有购物车、结账步骤等。10,000 多行 css 是不是有点矫枉过正？我真的不知道从哪里开始。

此外，我注意到很多类都有自己的规则，这些规则本质上是一个小型 clearfix。例如:

.first-item:after, first-item:before {
    content: " ";
    display: table;
}
.first-item:after {
    clear: both;
}
.second-item:after, first-item:before {
    content: " ";
    display: table;
}
.second-item:after {
    clear: both;
}

有这个必要吗？为什么不直接将 clear-fix 类添加到这些元素上，或者至少将这些规则组合成:

for example:
first-item:before, first-item:after,
second-item:before, second-item: after, {
    ....
}

我有点不知道自己不知道什么，所以如果你们能让我知道这个文件是不是太过分了，还是我对自己的了解还不够多？我在做。

Answer 1

讨论了一种帮助清理大量 CSS 文件的工具 here在排版的背景下。使用的工具为识别和消除其他 CSS 垃圾提供了一个很好的格式。