REGEX从文件中选择CSS类名称

时间:2019-07-04 00:26:12

标签: javascript regex regex-lookarounds regex-negation regex-group

我需要在一个css文件中选择所有类的名称,这只是我的新手,如果有人可以建议一些有关regex的好的在线教程,我将不胜感激。

正则表达式将在JavaScript中使用

我附带了它,它适用于简单的类: /(?<=\.).+?(?=\{)/g

.className { 
}

上面的正则表达式返回了这个:className

现在我也需要为此添加:

tagName1 {
}

#tagName2 {
}

.tagName3:hover {
}

.tagName4:anything {
}
should result in:
tagname1
tagname2
tagname3
tagname4

那么如何选择以上选项?

2 个答案:

答案 0 :(得分:1)

我的猜测是,我们希望设计一个类似的表达式,

([^:#\s.]+)(?:.*?)?\s*({[^}]*?})

在此捕获组中的

([^:#\s.]+)

我们将取消选择一些字符,例如.#和空格,然后收集所需的数据。

Demo

答案 1 :(得分:1)

我会使用:

 ^[.#]?(\w+)(?=(?::\w+)?\s*{)

所需名称在#1组中

Demo,带有javascript正则表达式。