un sélecteur de classe CSS
Correspond à un sélecteur de classe CSS. Il est ancré aux deux bouts : la chaîne entière doit correspondre. Il n’y a pas de groupe capturant.
Motif
/^\.-?[_a-z][_a-z0-9-]*$/- Portée
- la chaîne entière
- Groupes capturants
- 0
- Ce qu’il capture dans le premier exemple
- .btn
Essayez
Tapez un texte : les parties capturées sont surlignées. Tout se passe dans votre navigateur, rien n’est envoyé.
.btn
1 correspondance
Exemples qui correspondent
- .btn
- .-my-class
Exemples qui ne correspondent pas
- btn
- .1st
Autres expressions du groupe
^.+\.(?:jpe?g|png|gif|webp|avif|svg)$une extension de fichier image^/(?:[^/\0]+/)*[^/\0]*$un chemin de style Unix^[A-Za-z]:\\(?:[^\\/:*?"<>|]+\\)*[^\\/:*?"<>|]*$un chemin Windows^</?[a-z][a-z0-9]*(?:\s[^<>]*)?/?>$une balise HTML^M{0,3}(?:CM|CD|D?C{0,3})(?:XC|XL|L?X{0,3})(?:IX|IV|V?I{0,3})$un chiffre romain^-?(?:90(?:\.0+)?|[1-8]?\d(?:\.\d+)?)$une latitude^-?(?:180(?:\.0+)?|1[0-7]\d(?:\.\d+)?|\d{1,2}(?:\.\d+)?)$une longitude^(?:0|[1-9]\d*)$un nombre sans zéro initialComment lire
- Avec ^ et $, la chaîne entière doit correspondre ; sans eux, le motif peut se trouver n’importe où. Ancrez toujours ce qui sert à valider.
- Les parenthèses ( ) capturent ce qu’elles entourent. Pour seulement grouper, écrivez (?: ) afin que la numérotation ne se décale pas.
- Chaque expression ici est confrontée à ses exemples. Cela dit, « ressemble à un e-mail » et « est une vraie boîte » sont deux choses.
- Les répétitions ouvertes imbriquées comme (a+)+ peuvent exploser sur certaines entrées. Repérez cette forme avant de coller l’expression d’autrui.
Questions fréquentes
Q. Quelle est la regex pour un sélecteur de classe CSS ?
^\.-?[_a-z][_a-z0-9-]*$.
Q. Quelles chaînes correspondent ?
Un texte comme .btn correspond ; un texte comme btn non.
Q. La chaîne entière doit-elle correspondre ?
Oui. Elle est encadrée par ^ et $ : seule une correspondance complète passe.
Q. Comment utiliser ce qui est capturé ?
Il n’y a pas de groupe capturant : seule la correspondance entière (match[0]) revient. Mettez entre parenthèses la partie voulue.