文件中 select CSS 类 名称的正则表达式

Question

我需要在 css 文件中 select 所有 类 名称，我只是个新手，如果有人可以建议一些很好的正则表达式在线教程，我将不胜感激。

正则表达式将用于 JavaScript

我带来了这个，它适用于简单的 类： /(?<=\.).+?(?=\{)/g

.className { 
}

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

现在我也需要为此添加：

tagName1 {
}

#tagName2 {
}

.tagName3:hover {
}

.tagName4:anything {
}

should result in:
tagname1
tagname2
tagname3
tagname4

那么如何select以上的呢？

Answer 1

我的猜测是，我们想要设计一个类似于

的表达式

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

在这个捕获组中，

([^:#\s.]+)

我们会取消选择一些字符，例如 .、# 和 space，然后我们会收集我们想要的数据。

Demo

Answer 2

我会使用：

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

想要的名字在第 1 组

Demo 具有 javascript 正则表达式风格。