从Firebug中保存优化的CSS？

Question

在Firebug中检查元素时，会显示一个已克服重写属性的CSS列表。您是否能够将一个页面上所有未被覆盖的CSS提取到一个文件中？或者是否有另一个工具能够解析样式表删除已被文件后期篡夺的属性？

我的用例（尽管与我正在尝试实现的原则没有特别相关）是编辑现有的Wordpress主题，CSS分布在具有大量重叠样式的多个文件中。我对浏览器中的当前外观感到满意，只想抓住所有活动的CSS，将其放入一个文件中，然后放弃其余文件。

Answer 1

不完全是你想要的，但它仍然可以做你需要的。看看cssUpdater

它是一个firefox附加组件和随附的空中应用程序，可以在Firebug中进行更改时更新实际的CSS文件。非常有用且节省时间。

另一种方法是使用Firefox的Web Developer插件的CSS编辑功能。

Firediff是另一个firebug插件，可以在Firebug中调整内容时显示CSS从原始状态的更改。

Answer 2

您可以将所有CSS转储到一个文件中。确保所有文件按照在网站上调用的顺序显示，以便正确优化样式并使用正确的覆盖。在文档中定位很重要。

然后你可以通过网络上的任何自动CSS优化器运行该文件，例如： http://www.cssoptimiser.com/

每当我编写一个新的CSS文件时，我都会使用优化器，只是为了确保我的CSS尽可能准确。