5

DRY =“不要重复自己”。

我有一个基本的 CSS 框架，我用它来构建更复杂的设计。最快的原型设计方法是从最后开始构建 css 以获得所需的结果（而不是从基础 css 编辑现有 css 属性）。

然而，在我完成之后，有很多类名和属性的重复。

我正在寻找一种在线（或离线）工具，它可以扫描我的 css 文件并以一种消除冗余和重复的形式智能地重新制作它。

例如，如果 CSS 文件中存在这两行：

//FROM THE BASE CSS
.header{
    font-weight:bold;
    font-size:1.5em;
    background:red;
    margin:0 auto;
    padding:20px
    }

//FROM THE ADDED CSS
.header{
    font-weight:normal;
    font-size:1.25em;
    background:blue;
    padding-bottom:0;
    margin-top:-20px
    }

期望的结果（将级联中较低的项目作为前者的优先级）将删除 .header 指令的第一个实例并将两个 .header 实例的规则合并到一个 .header 指令中，如下所示：

.header{
    font-weight:normal;
    font-size:1.25em;
    background:blue;
    margin:-20px auto 0 auto;
    padding:20px 20px 0 20px
    }

这样的应用程序存在吗？

4

2 回答 2

2

就个人而言，我为此使用CSSTidy 。它做了很多事情，但除其他外，它在可能的情况下合并选择器并正确级联（删除重复的属性）。我通常也会将原始文件大小减少 30% 左右，这很整洁，即使在缩小后它仍然相当容易阅读（与 JavaScript 缩小器不同）。

于 2013-03-03T03:41:20.730 回答
1

有很多工具可以帮助解决这个问题，这里有两个我觉得很方便：

  1. CSS垃圾人
  2. 自重
于 2013-03-03T07:43:25.103 回答