最後の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{} 

私は{}の情報なしで自分たちでルールを出すことができます。したがって、正規表現はそれぞれのルールを1つずつ実行します。例えば独自の「.myClass .myOtherClass」にあります。上記のルールからの出力は、以下のようなものです：

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

誰でも助けてくれますか？

Answer 1

最初のグループを取得すると、すべてのテストケースで必要なものが得られます。

.*の貪欲のおかげで、最後のクラスは残りのパターンと一致するようになります。

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

この正規表現は、すべての有効なCSS-クラス名のために動作します：ここで（Demo here）

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

JavaScriptはすべてのCSSクラス-名とも最後の1を得ることです：（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