Calcolatore di specificità CSS

Confronta i selettori con punteggi a tre componenti.

Sul tuo dispositivo · Senza account

Calcolatore di specificità CSS elabora i dati inseriti in questo browser. Dati inseriti e risultati sono esclusi dalle analisi statistiche. Gli strumenti recenti memorizzano i nomi degli strumenti, il numero di visite e la data e l'ora dell'ultima visita. Gli strumenti salvati memorizzano solo i nomi. Il salvataggio delle bozze è facoltativo e avviene su questo dispositivo; elimina il testo salvato con i comandi della bozza. Caricare testo da un URL è facoltativo e contatta il relativo server, che può vedere l'URL e il tuo indirizzo IP. L'azione facoltativa “Usa in” conserva in questa scheda i dati da passare allo strumento successivo. Lo strumento successivo li rimuove all'apertura e li ignora se è trascorso più di un minuto.

“Copia link” include nell'indirizzo i dati che scegli di condividere. Chiunque abbia il link può riaprirli. File e risultati generati sono esclusi. Gli strumenti per password e chiavi condividono solo le impostazioni.

Italiano

Dati da elaborare

Opzioni e file locale

Apri un file di testo da questo dispositivo

Le impostazioni facoltative valgono solo per questa scheda.

Risultato

Altro

Scorciatoie da tastiera

Link e ripristino

I link includono i dati inseriti e le impostazioni. Chiunque abbia il link può vederli, quindi non inserire testi privati. I file e i risultati generati sono esclusi; le estrazioni casuali vengono ripetute.

Il ripristino ricarica lo strumento con i valori iniziali e rilascia i file aperti e il controllo dei dispositivi. Le bozze salvate restano su questo dispositivo finché non le elimini.

Come funziona il calcolatore di specificità CSS

Calcola la specificità dei selettori con colonne separate per ID, classi e tipi. L'argomento di :where() contribuisce zero; :is(), :not() e :has() usano il punteggio più alto tra gli argomenti. Il selettore dopo of in :nth-child() aggiunge il proprio contributo a quello della pseudo-classe.

Successivo: Formattatore CSS

Successivo: Calcolatore CSS clamp

Successivo: Generatore di layout CSS

Esempio

#a .b p ha specificità [1, 1, 1]. :where(#a) p ha [0, 0, 1], anche se il suo argomento contiene un ID.

Prima di usare il risultato

Il confronto riguarda la sintassi dei selettori, non la dichiarazione che prevale in una pagina reale. I selettori annidati con & richiedono il contesto del genitore. Le regole sconosciute dei selettori funzionali vengono rifiutate anziché ricevere un punteggio ipotetico.

Cita questa pagina

Stile di citazione

ToolOctopus. “Calcolatore di specificità CSS.” Aggiornato 7 ottobre 2026. https://tooloctopus.com/it/calcolatore-di-specificità-css.

Aggiungi la data di consultazione se le istruzioni che segui la richiedono.

Le citazioni sono formattate con citeproc-js di Frank Bennett e gli stili Citation Style Language. Licenza e codice sorgente.