正则表达式获得最后一个css类

Question

我想在javascript中使用Regex从css规则中删除最后一个类.

我正在寻找的正则表达式规则是从规则的末尾开始搜索,例如在'.myClass .myOtherClass'上,并在最后一次完整停止后返回第一个单词 - 所以结果将是'.myOtherClass'

我需要匹配的示例css规则:

.myClass{color:red;}
.myClass .myOtherClass{color:green;}
#something .somethingElse{color:blue;}
.something #myIdhere{color:purple;}
#myId {color:black}
.myClass1, .myClass2{colour:green}
.myClass span{colour:purple}
.myPseudo:after{}

我可以在没有{}信息的情况下自行解决规则.所以它的正则表达式将自己运行每个规则.例如,在'.myClass .myOtherClass'上.我想要获得的上述规则的输出是它的匹配如下:

.myClass
.myOtherClass
.somethingElse
.something
 no match
.myClass2
.myClass
.myPseudo

有人可以帮忙吗？

Answer 1

.*(\.[a-zA-Z0-9]*) 

检索第一组可以为您提供所有测试用例所需的内容。

它的工作原理是由于贪婪性.*将尽可能多地匹配，使最后一个类与模式的其余部分匹配。

在这里尝试一下