从正则表达式解析CSS伪元素内容

Question

我正在解析javascript中CSS伪元素的内容。

内容是

counter(item, decimal), ' ', fdgsdf, attr(data), counter(item1,lower-alpha)

预期产量

[counter(item, decimal),' ',fdgsdf, attr(data),counter(item1,lower-alpha) ]

当前我正在使用以下正则表达式

/(?:"([^"]*)"|'([^']*)'|([^']*)|(?:counter|attr|url)\(([^)]*)\))/gi

问题在于文本内容。我希望文本和其他（URL，属性，计数器）分别匹配。 如何匹配以上字符串并生成匹配元素的等效数组以进一步处理

Answer 1

如果您不关心函数的名称，则可以使用RegEx \w+(?:\([^)]*\))?|'[^']*'|"[^"]*"

• \w+匹配单词字符1次或更多次

• (?:\([^)]*\))?与功能参数匹配（如果有的话）

• '[^']*'与''

中的任何字符串匹配

• "[^"]*"与""

中的任何字符串匹配

Demo.