html - 可以将 css 从样式属性移动到类定义的编辑器/IDE

Question

有谁知道具有转换能力的编辑器/IDE？

.my_class {
    color: black;
}

<span class="my_class" style="font-size: 200%;">test</span>

至

.my_class {
    color:black;
    font-size: 200%;
}
<span class="my_class" style="">test</span>

为什么我需要那个？通过属性更快地测试/更改样式，尤其是在有多个外部 css 文件的情况下。它应该集成在 IDE/编辑器中。

Answer 1

Sublime Text有一个正则表达式选项，用于跨多个文件进行搜索和替换。我没有写任何东西，但如果你想经常使用它，我相信你可以把它变成一个插件。

---

从内联 CSS 中删除：

寻找：(<.*class=".*(my_class).*".*style=".*)(font-size: ?200%;?)(.*">)

代替：\1\4

添加到样式表：

寻找：(\.my_class \{\n)((\s*)[^}]*\n)*\}

代替：\1\2\3font-size: 200%;\n\}