保存使用 Chrome 的开发者工具进行的 CSS 编辑？

Question

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

Answer 1

只要你没有把它们粘在element.style，是的：

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

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

2. 复制粘贴 - 耶！

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