从 devtools 复制 CSS 会复制空格

Question

我的 CSS 工作流程通常包括我在 devtools 中徘徊，add/change CSS 在浏览器中，当值满足我的需要时，我复制 CSS并将其粘贴到我的 .scss 文件中。

现在我复制的 CSS 包括 spaces 用于格式化。

CSS 在 Chrome

div {
    width: 100%;
    background-color: yellow;
}

在编辑器中复制代码

现在，当我复制属性 (width & background-color) 并将其粘贴到我的编辑器中时，我按如下方式复制它：

..width: 100%;
..background-color: yellow;

(dots表示空格)

有没有办法复制 CSS 不带空格，像这样：

width: 100%;
background-color: yellow;

每次我粘贴 CSS 它都会弄乱我的格式，因此我做了很多不必要的格式。（就像我使用制表符而不是空格时删除空格一样）

我知道这些空格是几个月前添加的，那时您还可以不带空格地复制 CSS。

Answer 1

如果没有这些空格，则无法从样式检查器进行复制。

一种解决方案是单击样式附近的样式表名称，在“源”选项卡中打开 css，然后按 Shift+Tab 将所需代码左对齐，然后复制。

Answer 2

在大多数编辑器中，这很简单：Ctrl-A，然后是 Shift-Tab。

Answer 3

我也在找这个，我找到的最接近的东西是 Chrome 开发者工具 > 设置 > 来源 > 默认缩进。不幸的是，没有零空格选项。

Copying CSS from devtools copies spaces