css - 使用什么工具来比较和减少通过 css 样式表复制的内容？

Question

我有 2 个 CSS 文件。第一个是“默认”css 文件（用于从相同模板启动的所有网站）。第二个是我们应用程序中真正的一个。这两个文件都包含在主母版页中。

我注意到有人复制或重新定义了一些类似的风格。

例如，我们.aligndroite {text-align: right;}在两个文件中都有（尽管格式不一样（第一个是 1 行声明，第二个是 3 行））。

虽然还不错，但我想删除声明两次的样式。

我想要一个工具来比较这两个文件并告诉我两个文件中都存在哪些声明。那存在吗？

这个问题指向这个工具，它确实......与我需要的完全相反。

Answer 1

大多数浏览器都内置了它作为“元素检查器”——您将能够看到一个元素的所有 CSS 声明以及哪些属性被覆盖。

其余的实际上是手动清理过程。没有快速而肮脏的自动工具。

您可能想要启动第三个“合并”样式表，您可以将检查器的 CSS 复制/粘贴到其中。理想情况下，您应该能够在当前样式表和新样式表之间进行交换，并且两者看起来都一样。