css - CSS SelectorText 的正则表达式

Question

我正在尝试编写一个 regex 以从 css selectorText 中提取节点 ID 和类。

例如:

.linear *, .test-in *, .test-out *, .test *, .test-in-out.casanova#casanova * > #test22

我需要一个 regex 来仅提取类和 ids:

linear , test-in , test-out , test , test-in-out , casanova , casanova , test22

所以我需要一个 regex 来匹配第一次出现时以 ./# 开头并以 space/./# 结尾的任何字符串对于他们中的任何一个。

我设法创建了 this :

(?:^|[\.]).*?([^\s]+(?!\.))

但是如您所见，它无法正常工作。

Answer 1

(?:\.|\#)([_a-zA-Z0-9-\:]*)(?:\b|<|>|\+|~|\[)

此正则表达式还将捕获一些无效的 css 选择器，例如 -_--__abc。但就您而言，我相信这会解决您的问题。