css 擦除 { } sublime text 之间的所有内容

Question

是否可以使用搜索和替换工具清理 CSS 文件的内容，仅保留 class 名称和@medias？

例如：

这个：

#id .class {
width: 100%;
display: block;
}

离开它：

#id .class {

}

感谢大家

Answer 1

当然可以。您想要用一个空行替换 { 和 } 之间的所有内容。这个的正则表达式是

\{([^\}])+\}
^    ^     ^
{    |     }
     |
 anything that's not a `}`

替换为{\n\n}。

Answer 2

如果您安装了 Emmet，您可以使用 Control + D。那将 "Select Between Container" （您可能需要多次按下它，具体取决于光标的起始位置）。

还有 Control + Shift + Space 无论光标在哪里，都可以一次完成。

我先列出 Control + D 因为我觉得它更有用。

我在这里找到了一篇很棒的文章，里面有很多不错的快捷方式： https://viget.com/extend/my-overused-sublime-text-keyboard-shortcuts

css erase all between { } sublime text