使用PHPStorm重构CSS

Question

我有以下CSS div / class mark-up

.myclass #myid{
    width: ;
    height: ;
}

这是大约十几个CSS文件。每个CSS文件都定义了不同的宽度和高度。我想用一个一致的标记来替换每个文件中的所有标记。像这样的东西

.myclass #myid{
    width: 20px;
    height: 30px;
}

PHPStorm可以实现吗？

Answer 1

是 - 可以找到完全匹配（具有按此顺序定义的“width”和“height”属性的特定选择器）。您只需要一些基本的正则表达式知识。

1. 使用“路径替换”对话框（编辑|查找|路径替换 Ctrl + Shift + R ）
2. 激活“正则表达式”选项
3. 设置正确的范围（整个项目或特定范围/文件夹/等）
4. 输入正则表达式：
   • 要查找的文字：(\.myclass \#myid\s*\{\n\s*width:\s*)\d+(px;\n\s*height:\s*)\d+(px;)
   • 替换为：$122$233$3
5. 点击按钮

备注：

• “替换为”的正则表达式将“width”设置为22，将“height”设置为33 - 根据需要编辑它们。
• 与“要查找的文本”正则表达式相同 - 如果您编写类似width: 0;的内容（我省略了“px”单位），我写的那个就找不到了。我是根据你的例子构建的，所以如果它不同，你必须自己调整它。
• 如果您在“宽度”之前有任何其他属性，或者顺序不同，则正则表达式将无效。