从Firebug保存优化的CSS吗？

检查Firebug中的元素时，会显示一个CSS列表，其中包含被覆盖的属性划掉。你能够将一个页面上的所有未覆盖的CSS活动提取到一个文件中吗？另外还有另一种工具能够解析样式表，删除文件中稍后被篡改的属性？从Firebug保存优化的CSS吗？

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

如果您以这种方式转储所有样式，并为其中的元素创建样式表，那么您的CSS实际上会进行* de *优化而非优化。它可能会给你想要的结果，但这当然不是推荐的CSS编写方式。 – Spudley

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

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

另一种方法是使用Firefox的Web Developer加载项的CSS编辑功能。

Firediff是另一个萤火虫附加组件，可以在您调整Firebug中的东西时，显示您的CSS从原始状态变化。

2011-10-20 16:02:12

我打算推荐http://code.google.com/p/css-x-fire/，但似乎CSSUpdater是基于它的。 – leopic

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

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

我用的优化，每当我写一个新的CSS文件，只是为了确保我CSS尽可能精确。

2011-10-20 16:02:45 animuson

回答