首页 > 解决方案 > 是否可以从开发工具直接写入 sass 部分?

问题描述

我有一个本地网站,并将其文件夹添加为工作区。为此,我使用 .sass 文件和 _partials 编译成 css 文件和源映射。当我检查元素时,源是正确的部分。当我将 css 规则直接添加到元素的类时,它们会立即保存,但会保存到编译文件中。

将 css 直接写入元素样式:

更改会立即保存在编译后的 style.css 中:

是否可以将此更改也保存到原始的 sass 部分?就像编译后的 css 是否有一个反向观察器,它可以检测更改并将它们写入类规则起源的部分?

标签: csssassgoogle-chrome-devtoolssource-maps

解决方案


尝试在 Sources 面板中打开 Sass 文件。

例如,假设您想更改规则集的margin:0声明。.header-general .header-title

例子

单击_shortcodes.sass:9以在“源”面板中打开文件。在那里进行编辑,然后按Control+ S(或Mac 的Command+ S)保存。


推荐阅读