css - Sublime - CSS - 如何为整个代码中的每个部分自动添加 .class？

Question

我想知道是否有任何方法可以使用 Sublime 在 CSS 代码的每个部分之前自动添加类名(例如“.header”)？

例子:

ul {
    ...;
}
a {
    ...;
}
h1 {
    ...;
}

将其转换为:

.header ul {
    ...;
}
.header a {
    ...;
}
.header h1 {
    ...;
}

请帮忙:)

Answer 1

如果您只想在少数情况下应用此更改，我建议按住 ctrl 键并单击每个位置，这将为您提供多个都会响应相同输入的插入符号，因此您可以输入 .header，所有选择的位置都会受到影响。

或者你可以使用查找和替换一些正则表达式来为你做，例如

查找:^([a-z0-9]{1,}\{)

替换为:.header\1

这将匹配任何元素选择器，例如 h1、a、p、li 等...后跟空格和 {，并在它们前面加上“.header”