【问题标题】:Saving CSS edits made using Chrome's Developer Tools?保存使用 Chrome 的开发者工具进行的 CSS 编辑?
【发布时间】:2018-04-04 19:38:27
【问题描述】:

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

【问题讨论】:

标签: css google-chrome web


【解决方案1】:

只要你没有把它们粘在element.style,是的:

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

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

  2. 复制粘贴 - 耶!

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

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 2012-09-17
    • 2013-08-28
    • 2016-06-04
    • 1970-01-01
    • 2023-03-29
    • 2014-06-16
    • 1970-01-01
    相关资源
    最近更新 更多