Html 是否在Chrome开发工具中自动保存对现有样式所做的CSS更改?

Html 是否在Chrome开发工具中自动保存对现有样式所做的CSS更改?,html,css,google-chrome,Html,Css,Google Chrome,我已经将必要的文件映射到本地资源-但是,虽然这允许我在“源”面板中保存对文件所做的任何更改,但我想知道是否可以自动保存对“元素”面板中的CSS所做的更改。否则,此时,对“元素”面板中的样式所做的任何更改似乎只存在于其中 我记得在某个时候,在“元素”面板的“样式”选项卡中,在类/id等旁边有一个文件和行号的小指示器——考虑到Chrome确切地知道它的来源,简单地“更新”该样式规则的任何更改肯定不会那么难(如果它是一个样式表而不是一个内联样式?)。这对我的工作流程来说是一个很大的解脱 类似问题的答案

我已经将必要的文件映射到本地资源-但是,虽然这允许我在“源”面板中保存对文件所做的任何更改,但我想知道是否可以自动保存对“元素”面板中的CSS所做的更改。否则,此时,对“元素”面板中的样式所做的任何更改似乎只存在于其中

我记得在某个时候,在“元素”面板的“样式”选项卡中,在类/id等旁边有一个文件和行号的小指示器——考虑到Chrome确切地知道它的来源,简单地“更新”该样式规则的任何更改肯定不会那么难(如果它是一个样式表而不是一个内联样式?)。这对我的工作流程来说是一个很大的解脱


类似问题的答案已经过时。

当您在“元素”选项卡中完成更改后。样式旁边应该有一个带有文件名的链接,与site.css:4或类似的内容类似,如果您单击该链接,它将打开“源”选项卡,其中包含您编辑的contai的特定页面取消修改。然后您可以转到另存为,然后从那里保存文档


我希望这能帮到你:)

我有点困惑——假设我有一个元素,id为#type label,规则上有几个样式。我加载页面,在“元素”面板的“样式”选项卡中编辑样式,很好-但是,这种更改并没有反映在“源”面板的文件中???@KM123与styke相同,修改只存在于元素中,单击例如“style.css:36”链接将我带到源文件,而不是修改。