phpstorm - 使用 PHPStorm 重构 CSS

Question

我有以下 CSS div / class 标记

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

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

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

PHPStorm 有可能吗？

Answer 1

是的——可以找到这样的完全匹配（具有按该顺序定义的“宽度”和“高度”属性的特定选择器）。您只需要一些相当基本的正则表达式知识。

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. 按下按钮

笔记：

• “替换为”的正则表达式会将“宽度”设置为 22，将“高度”设置为 33——根据需要进行编辑。
• width: 0;与“要查找的文本”正则表达式相同——如果您编写类似的内容（省略“px”单位），我写的那个将找不到。我已经根据您的示例构建了它，所以如果它不同，您将不得不自己调整它。
• 如果您在“宽度”之前有任何其他属性 .. 或以不同的顺序，则该正则表达式将不起作用。