Regex, чтобы получить последний класс css

Question

Я хотел бы вытащить последний класс из правил css, используя Regex в javascript.

Правило регулярного выражения, которое я собираюсь, это начать поиск с конца правила, например. на «.MyClass .myOtherClass' и вернуть первое слово после последней полной остановки - так что результат там будет

правила Пример CSS» .myOtherClass' Мне нужно соответствовать на:

.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{} 

Я могу получить правила самостоятельно без {} info. Поэтому его регулярное выражение будет запускать каждый из правил самостоятельно. например on '.myClass .myOtherClass' самостоятельно. Вывод из правил выше, которые я хотел бы получить, состоит в том, что он соответствует следующим образом:

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

Может кто-нибудь помочь?

Answer 1

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

Получение первой группы дает вам то, что вы хотите для всех своих тестовых случаев.

Это работает благодаря жадности .*, которая будет соответствовать как можно больше, оставив последний класс в соответствии с остальной частью рисунка.

Try it here

Answer 2

Является ли это то, что вы хотите?

var str = 'your css'; 
var hits = str.match(/\.\w+/gm); 
var css = hits.pop(); //hits[hits.length-1]; 

Answer 3

Это RegEx будет работать для всех действительных CSS-класс-имен: (Demo here)

(\.-?[_a-zA-Z]+[_a-zA-Z0-9-]*) 

Вот JavaScript, чтобы получить все CSS-класс-имена, а также последний: (Demo here)

var css = '' 
var classNames = css.match(/(\.-?[_a-zA-Z]+[_a-zA-Z0-9-]*)/g) 
var lastClass = classNames[classNames.length - 1] 

Регулярное выражение частично взято из: https://stackoverflow.com/a/449000/4339170