Reguläre Ausdrücke·ein CSS-Klassenselektor

ein CSS-Klassenselektor

Passt auf ein CSS-Klassenselektor. Es ist an beiden Enden verankert, die ganze Zeichenkette muss also passen. Es gibt keine Fanggruppen.

Muster
/^\.-?[_a-z][_a-z0-9-]*$/
Trefferbereich
die ganze Zeichenkette
Fanggruppen
0
Was es im ersten Beispiel fängt
.btn

Selbst ausprobieren

Beliebigen Text eingeben — die gefundenen Stellen werden hervorgehoben. Läuft im Browser und wird nirgendwohin gesendet.

.btn

1 Treffer

Beispiele, die passen

  • .btn
  • .-my-class

Beispiele, die nicht passen

  • btn
  • .1st

Andere Ausdrücke dieser Gruppe

^.+\.(?:jpe?g|png|gif|webp|avif|svg)$eine Bilddatei-Endung^/(?:[^/\0]+/)*[^/\0]*$ein Unix-Pfad^[A-Za-z]:\\(?:[^\\/:*?"<>|]+\\)*[^\\/:*?"<>|]*$ein Windows-Pfad^</?[a-z][a-z0-9]*(?:\s[^<>]*)?/?>$ein einzelnes HTML-Tag^M{0,3}(?:CM|CD|D?C{0,3})(?:XC|XL|L?X{0,3})(?:IX|IV|V?I{0,3})$eine römische Zahl^-?(?:90(?:\.0+)?|[1-8]?\d(?:\.\d+)?)$ein Breitengrad^-?(?:180(?:\.0+)?|1[0-7]\d(?:\.\d+)?|\d{1,2}(?:\.\d+)?)$ein Längengrad^(?:0|[1-9]\d*)$eine Zahl ohne führende Null

So liest man das

  • Mit ^ und $ muss die ganze Zeichenkette passen; ohne sie darf der Treffer irgendwo sitzen. Verankern Sie alles, was Sie zur Prüfung einsetzen.
  • Runde Klammern ( ) fangen, was sie umschließen. Wer nur gruppieren will, schreibt (?: ) — sonst verschiebt sich die Nummerierung.
  • Jeder Ausdruck hier wird gegen seine Beispiele geprüft. Trotzdem sind „sieht aus wie eine E-Mail“ und „ist ein echtes Postfach“ zweierlei.
  • Verschachtelte offene Wiederholungen wie (a+)+ können bei manchen Eingaben explodieren. Achten Sie auf diese Form, bevor Sie fremde Ausdrücke übernehmen.

Häufige Fragen

Q. Wie lautet der Regex für ein CSS-Klassenselektor?

^\.-?[_a-z][_a-z0-9-]*$.

Q. Welche Zeichenketten passen?

Text wie .btn passt, Text wie btn nicht.

Q. Muss die ganze Zeichenkette passen?

Ja. Er steht zwischen ^ und $, es passt also nur ein vollständiger Treffer.

Q. Wie nutze ich das Gefangene?

Es gibt keine Fanggruppen, zurück kommt nur der ganze Treffer (match[0]). Setzen Sie den gewünschten Teil in Klammern.