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

我正在分析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、attr、counter）是单独匹配的。

---

如何匹配上面的字符串并生成匹配元素的等效数组以进一步处理

如果不关心函数的名称，可以使用正则表达式

• \w+

  与单词字符匹配1次或多次

• （？：\（[^）]*\）？

  匹配函数参数（如果有）

• '[^']*'

  匹配

  '

• “[^”]*”

  匹配

  “

---

您的预期输出是什么？@Zenoo在问询中添加了预期输出。

\s*（？：“（[^“]*）”（[^']*）“|”（（？：counter | attr | url）\（？：[^）]*）\（[^，]+）

。请参阅此处的实时演示@revo不适用于此输入“计数器（项目，十进制）”，fdgsdf，attr（数据），url(file:///Users/tiwpavan/workspace/input/test.jpeg)，计数器（项，，，十进制）“因为它应该是

计数器而不是
计数器
？