Validazione e Sicurezza Base Aggiornato: 21/08/2026

Classe CSS

Controlla il nome base di una classe CSS senza punto iniziale né spazi.

Risposta diretta

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
Testa
^-?[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)

  1. Il nome può iniziare con un trattino singolo.
  2. Dopo il primo carattere sono ammessi lettere, numeri, underscore e trattini.
  3. Il selettore .classe va 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 passati
btn-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.
Base

ID HTML

Valida un identificatore HTML composto da lettere, numeri, underscore e trattini, senza iniziare con un numero.

Vedi scheda
Verifica empirica

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.

Apri nel tester