Regex, aby uzyskać ostatnią klasę css

Question

Chciałbym wyciągnąć ostatnią klasę z reguł css przy użyciu Regex w javascript.

Reguła regex, na którą idę, polega na rozpoczęciu wyszukiwania od końca reguły, np. na „.myClass .myOtherClass' i przywrócić pierwsze słowo po ostatniej kropce - tak wynik nie byłby

Przykład reguły css” .myOtherClass' muszę dopasować na:

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

Mogę uzyskać reguły na własną rękę bez informacji {}. Więc jego regex będzie uruchamiany po jednym z reguł na własną rękę. na przykład w ".myClass .myOtherClass" na własną rękę. Wyjście z powyższych reguł, które chciałbym uzyskać, to takie, które pasują do poniższych:

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

Czy ktoś może pomóc?

Answer 1

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

Pobranie pierwszej grupy daje ci to, czego chcesz dla wszystkich przypadków testowych.

Działa dzięki chciwości .*, która dopasuje się tak bardzo, jak to możliwe, pozostawiając ostatnią klasę do dopasowania do reszty wzoru.

Try it here

Answer 2

Czy tego chcesz?

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

Answer 3

ten RegEx działa na wszystkich ważnych CSS-Class-Names: (Demo here)

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

Oto JavaScript, żeby uzyskać wszystkie CSS-klasy nazwiska i jednocześnie ostatnim (Demo here)

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

regex jest częściowo zaczerpnięte z: https://stackoverflow.com/a/449000/4339170