A cosa serve e come si usa questa regex?
Controlla il nome base di una classe CSS senza punto iniziale né spazi.
Espressione Regolare (Pattern)
Flag consigliati:
nessuno · Motori compatibili: JavaScript, PCRE/PHP, Python, Go, .NET
^-?[A-Za-z_][A-Za-z0-9_-]*$
Integrazione nel codice
Snippet pronti all'uso// JavaScript (ES6+)
const regex = /^-?[A-Za-z_][A-Za-z0-9_-]*$/;
const isValid = regex.test(text);
// Estrazione match
const matches = text.match(regex);
<?php
// PHP 8.2+ (PCRE)
$pattern = '~^-?[A-Za-z_][A-Za-z0-9_-]*$~';
$isValid = (bool) preg_match($pattern, $text);
// Estrazione con gruppi
if (preg_match($pattern, $text, $matches)) {
print_r($matches);
}
# Python 3 (re)
import re
pattern = r"^-?[A-Za-z_][A-Za-z0-9_-]*$"
is_valid = bool(re.search(pattern, text))
# Estrazione match
match = re.search(pattern, text)
if match:
print(match.group(0))
// Go (regexp)
package main
import (
"fmt"
"regexp"
)
func main() {
re := regexp.MustCompile(`^-?[A-Za-z_][A-Za-z0-9_-]*$`)
isValid := re.MatchString(text)
fmt.Println(isValid)
}
// C# (.NET)
using System;
using System.Text.RegularExpressions;
bool isValid = Regex.IsMatch(text, @"^-?[A-Za-z_][A-Za-z0-9_-]*$");
Come funziona (Spiegazione dettagliata)
- Il nome può iniziare con un trattino singolo.
- Dopo il primo carattere sono ammessi lettere, numeri, underscore e trattini.
- Il selettore
.classeva aggiunto separatamente nel codice CSS.
Casi d’uso consigliati
- Validazione di classi generate
- Tool per componenti HTML
- Parsing di markup
Esempi che corrispondono (Validi)
3 test passatibtn-primary
_layout
-theme-dark
Esempi rifiutati (Non validi)
4 test respinti.btn-primary
123-card
btn primary
btn.primary
Limiti tecnici e avvertenze
- Non copre tutti i casi Unicode o le escape CSS; per nomi arbitrari usare una libreria CSS-aware.
Espressioni regolari correlate
Base
ID HTML
Valida un identificatore HTML composto da lettere, numeri, underscore e trattini, senza iniziare con un numero.
Vedi scheda
Base
Colore CSS HEX (#RGB, #RRGGBB, #RRGGBBAA)
Valida codici colore CSS esadecimali nelle varianti a 3, 4, 6 o 8 cifre (con canale alfa di trasparenza).
Vedi scheda
Intermedio
Colore CSS rgb() e rgba()
Valida espressioni colore CSS in formato funzionale `rgb(r, g, b)` o `rgba(r, g, b, a)`.
Vedi scheda
Verifica empirica
Apri nel tester
Hai bisogno di collaudare questo pattern con i tuoi dati?
Apri il tester sandboxato con questa regex già caricata e verifica i gruppi di cattura.