从检查器（webkit，firebug等）导出CSS更改
当我使用CSS时，我会经常在浏览器中进行testing – 比如说Chrome – 右击一个元素，点击Inspect Element，然后在那里编辑CSS。 使用箭头键来改变诸如边距和填充之类的东西，使得排列起来非常容易。
将这些修改应用到CSS文件并不难，但是如果我可以右键单击检查器中的select器并select“导出”或“复制”，并且可以获得我的内容剪贴板。
有这样的事情吗？
我已经find了答案，至less从Chrome v14。
在Elements部分，只需点击CSS规则旁边的“filename：linenumber”链接即可。 显示的CSS文件将包含所有的修改。
这个地方完全是：
在Chrome中，您可以右键单击“源”选项卡中的CSS文件，然后单击“本地修改”
这显示您所有的本地更改。 每个修订版都有时间戳，您可以回滚到任何以前的版本。
请参阅本教程的实时编辑和修订历史部分。
Firediff是一款Firebug插件，可以跟踪在Firebug中所做的更改 。 它会logging你在HTML窗格（很好）中所做的一切，也可以简单的使用Web Developer Toolbar扩展（不是很好），比如说Shift-Ctrl-F来获得px中的字体大小信息。
我在Chrome中看到了一个Firebug扩展，但没有testing，我使用Firefox的Firediff。
如果您编辑外部CSS，则可以将其最新版本从“资源”面板拖到任何支持DnD的文本编辑器中（请参阅http://www.webkit.org/blog/1463/web-inspector-styles-enhanced/ ，更多细节请参阅“Persisting Changes”部分。）您也可以将CSS更改恢复到样式表资源的任何早期版本（在任何样式表修订版的右键单击popup式菜单中）。
我之前曾经build议过这个产品（我不以任何方式与他们有关）。
优秀的产品。 听起来像你正在寻找什么等等。
编辑：这里有几个其他答案提到谷歌浏览器链接到本地文件（这是非常非常酷）的能力。 看看其他的答案！
正如云计算所提到的那样，这个问题的答案已经改变了。 Chrome DevTools自动保存扩展现在可以很好地完成。 此工具可跟踪Chrome开发者工具控制台中所做的CSS和JavaScript更改，并将其保存回本地文件。 有关安装和设置扩展的说明，请参阅@addyosmani在他的博客上的指南。
还有一个方便的屏幕截图 ，详细的扩展相当好。
使用工作区，您可以在您的检查员（在Chrome中）键入您的CSS时保存您的CSS。 问题是，每个更改都会自动保存，并且无法禁用此function，正如http://www.html5rocks.com/en/tutorials/developertools/revolutions2013/中所述，并禁用Chrome开发人员工具中CSS自动保存更改; 。
我的即将推出的产品LIVEditor完全是这样做的。
为了让您更容易理解，您可以将Firebug的检查器embedded到您的文本编辑器中。
这样，在使用Firebug或Webkit的开发人员工具对其进行调整之后，您不必在代码编辑器中再次手动进行更改。
如果你使用的是Firefox的股票开发工具，你可以直接在工具对话框中编辑CSS – 点击CSS视口button（这是button的顶部带有{}符号），然后直接编辑你的CSS。 它会在浏览器中实时更新，当你完成后直接复制粘贴到你的CSS文件。 太好了！
