← Todas as ferramentas de texto

Calculadora de especificidade CSS

Descubra qual seletor CSS vence, com a pontuação de cada seletor (IDs, classes, elementos).

  • Grátis
  • Sem cadastro
  • Funciona em qualquer dispositivo

Cerca de Calculadora de especificidade CSS

Cole seletores CSS e veja a especificidade de cada um como três números: IDs, depois classes, atributos e pseudoclasses, depois elementos. A pontuação maior vence independentemente da ordem no código, e pontuações iguais favorecem a regra posterior. Estilos inline superam todos os seletores, e !important supera esses.

Como usar: Calculadora de especificidade CSS

  1. Defina as opções acima. O resultado é atualizado ao vivo.
  2. Ajuste o que quiser até ficar do seu jeito.
  3. Copie o resultado ou baixe.

Por que usar esta ferramenta?

Também conhecido como

Perguntas frequentes

Qual é a especificidade de um seletor de classe?

Uma única classe conta como 0,1,0. Um ID é 1,0,0 e um elemento simples, como div, é 0,0,1. Compare-os da esquerda para a direita, e não como um único número decimal.

Calculadora de especificidade CSS é grátis?

Sim. Calculadora de especificidade CSS no Toolipedia é de uso gratuito, sem cadastro e sem marca d'água.

É seguro usar?

Sim. Tudo é calculado no seu navegador, e nada do que você digita é enviado ao nosso servidor.

Funciona no meu celular?

Sim. Funciona em qualquer navegador moderno no Android e no iPhone, além de tablets e computadores. Não é preciso instalar nada.

Preciso de uma conta?

Não. É só abrir a página e usar a ferramenta. Sem cadastro e sem e-mail.

Ferramentas relacionadas