使用Chrome的开发人员工具保存CSS编辑？

Question

我通过使用Chrome内置的“开发人员工具”选择各种内容并逐个编辑，一直在为我正在运行的网站使用不同的CSS样式。现在我已经达到了一种我或多或少满意的整体风格，但我不确定如何保存我的结果！有没有一种简单的方法可以将我在Chrome中所做的所有更改保存或导出为一个大的CSS文件，以便我可以将它们应用到我的实际网站？

Answer 1

只要您没有将其粘贴在element.style中，是的：

1. 转到您添加的样式。应该有一个链接说督察样式表：



1. 点击它，它将打开你在源面板中添加的所有CSS

2. 复制并粘贴 - 是的！

如果 使用element.style，您只需右键单击HTML元素，单击“编辑为HTML”，然后使用内嵌样式复制并粘贴HTML。