Html CSS等效比较还是整合？

是否有任何在线（或离线）工具可以插入两组CSS样式，并告诉您它们是否等效

例如，给定两组样式：

/* style 1 */
margin: 0px 10px 20px 30px;

/* style 2 */
margin-top: 0px;
margin-right: 10px;
margin-bottom: 20px;
margin-left: 30px;

该工具将查看这两种样式，并认识到它们具有相同的含义

---

有类似的吗？

webkit developer toolkit允许您将规则折叠和扩展到其速记格式（如果存在的话）

打开Safari或Chrome，右键单击并选择“Inspect Element…”在你有一个快捷属性的东西上，你应该会看到展开的属性

css lint不会“匹配”不同的样式，但您可以上载每个样式并比较结果。css lint非常好，您可以随时对其进行比较：
csstidy在这方面也很好

但是，认真地说，这是一件小事。她掌管一切

实际上，我认为css diff是您想要的：