c# - 如何将多个 CSS 声明合并为速记

Question

我正在使用 AngleSharp解析一些 CSS 文件，比较它们的结构并从中构建输出文件。该工具使所有声明明确，即如果源规则是:

.recent-work-wrap .overlay {
    padding: 15px;
}

我从 AngleSharp 得到以下输出:

.recent-work-wrap .overlay {
    padding-top: 15px;
    padding-right: 15px;
    padding-bottom: 15px;
    padding-left: 15px;
}

这对于比较规则和检测变化很有用，但问题是，如何将这个规则组合成像上面这样的简写形式？

那么再举个例子，如何从中得到:

    .sample-rule {
        margin-right: auto;
        margin-left: auto;
        margin-top: 30px;
        margin-bottom: 30px;
    }

对此

    .sample-rule {
        margin: 30px auto;
    }

CSS3 声明的情况变得更糟，因为它们确实可以有很多参数……我检查了一些 CSS 缩小器/丑化器工具，但它们大多使用 RegEx 来删除空格和较小的优化。是否有一种已知的方法/工具/库可以从多个声明中编写最佳速记？

Answer 1

你如何得到这个输出？您是否尝试查看 Style 属性的速记声明(例如，Margin)？

在内部，AngleSharp 仅使用手写声明，因此输出尽可能冗长。但是，AngleSharp 知道大多数速记，并且应该能够将这些速记重新组合成它们的速记形式。

不知道对你有没有帮助。如果没有，请发布一些代码(MWE)，我会尝试完善这个答案。