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

Question

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

示例：

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

将其转换为：

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

请帮忙:)

Answer 1

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

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

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

替换为：.header

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

Answer 2

1) ctrl + f / cmd + f

2) 检查'regular expression'

3) 输入 ^[a-z0-9]* {

4) 找到全部

5) 替换

Sublime - CSS - how to auto add .class for each section in the whole code?