从devtools复制CSS复制空格

Question

我的CSS工作流程通常包括我在devtools中乱搞，在浏览器中添加/更改CSS，当值满足我的需要时，我复制CSS并将其粘贴到我的.scss文件中。

现在，我复制的CSS包括spaces一段时间用于格式化。

Chrome中的CSS

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

在编辑器中复制代码

现在，当我复制属性（width＆amp; background-color）并将其粘贴到我的编辑器中时，我将其复制如下：

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

（dots表示空格）

有没有办法复制CSS 而不用这些空格，如下所示：

width: 100%;
background-color: yellow;

每次粘贴CSS都会影响我的格式，因此我会做很多不必要的格式化。 （比如删除空格，因为我使用制表符而不是空格）

我知道几个月前添加了空格，然后才能复制没有空格的CSS。

Answer 1

我也在寻找这个，我发现最接近的是Chrome开发者工具＆gt;设置＆gt;来源＆gt;默认缩进。不幸的是，零空间没有选择。

Answer 2

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

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

Answer 3

在大多数编辑器中，它只是：Ctrl-A然后是Shift-Tab。