(1,2,3)
Calculadora de especificidade CSS
(a, b, c) de cada seletor.
#nav .item a:hover
Seletor mais forte
| Seletor | Especificidade | ID | Classes, atributos, pseudoclasses | Elementos, pseudoelementos |
|---|---|---|---|---|
| #nav .item a:hover | 1,2,1 | 1 | 2 | 1 |
| :is(#a, .b) > p::before | 1,0,2 | 1 | 0 | 2 |
| a[href^="https"]:not(.ext) | 0,2,1 | 0 | 2 | 1 |
| ul li.active | 0,1,2 | 0 | 1 | 2 |
| :where(.card) h2 | 0,0,1 | 0 | 0 | 1 |
| * | 0,0,0 | 0 | 0 | 0 |
Funciona inteiramente no seu navegador. Nada é enviado a lugar nenhum.
Como funciona
- 1Cole ou digite seu texto.
- 2Escolha as opções necessárias.
- 3Copie ou baixe o resultado.
Sobre esta ferramenta
Calculadora de especificidade CSS: (a, b, c) de cada seletor. Cole seu texto e o resultado aparece na hora, pronto para copiar ou baixar. Tudo acontece no navegador — nada é enviado ou armazenado.
Como usar a ferramenta “Calculadora de especificidade CSS”?
Cole ou digite seu texto. Escolha as opções necessárias. Copie ou baixe o resultado.
A ferramenta “Calculadora de especificidade CSS” é grátis?
Sim. É totalmente gratuita, sem cadastro, sem limites de uso e sem marca d’água.
Meus dados são enviados a um servidor?
Não. Tudo é calculado localmente no navegador. Nada do que você digita é enviado, registrado ou armazenado.
Funciona no celular?
Sim. Funciona em qualquer navegador moderno no Android, iPhone, iPad, Windows, Mac e Linux — sem app.