VSCode中如何复制CSS/Less选择器并移除属性声明？

方法一：正则查找替换（无需插件） #

这是最快捷的原生方法，对CSS和Less的嵌套结构都适用：

• 打开查找替换面板：按Ctrl+H（Windows/Linux）或Cmd+H（Mac）
• 点击面板右上角的.*按钮，开启正则表达式模式
• 「查找内容」输入：(\{)[\s\S]*?(\})
• 「替换内容」输入：$1\n\n$2
• 选中需要处理的代码块，点击「替换选中内容」即可完成转换

举个例子，原代码：

.myvlass1 {
  color:red;
  width:100%;
}
#myselector {
   font-size:16px;
   margin: 10px;
}

替换后会变成：

.myvlass1 {

}
#myselector {

}

方法二：专用插件辅助 #

如果经常需要做这类操作，可以安装VS Code插件简化流程，比如CSS Structurer或Selector Extractor：

• 安装插件后，选中目标代码块
• 右键点击，在菜单中选择对应提取选择器结构的选项，一键完成转换

内容的提问来源于stack exchange，提问作者Jip