Regulärer Ausdruck: extrahiere CSS-Klasse aus String mit mehreren Klassen

Question

Ich habe eine Zeichenfolge, die ich zuordnen muss und extrahieren Sie einen CSS-Klassennamen daraus. Die Zeichenfolge:

.c.-my-text-overlay-second 

die Klasse I müssen hat Übereinstimmen text-overlay innerhalb oder am Ende des Klassennamen enthält. Also in diesem Fall, was ich extrahieren möchte, ist .-my-text-overlay-second.

Ich habe mehrere Dinge ausprobiert, aber ich entweder die .c erhalten:

(.*\..*?text-overlay.*) 

oder erhalte ich nur text-overlay:

.*(\..*?media-overlay-active) 

Was sollte den richtigen Ausdruck?

Answer 1

Sie sollten keinen gierigen Punkt .* in Ihrem Regulären Ausdruck verwenden, da alles von Anfang bis zum nächsten Muster (falls vorhanden) übereinstimmt. Das ist der Grund für die Übereinstimmung der gesamten Eingabezeichenfolge, während text-overlay darin existiert.

Ihre regex sollte mit einem Punkt beginnen und den Rest der Klasse Namensregeln entsprechen:

\.[\w-]*text-overlay[\w-]*