← 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. Digite ou cole um ou mais seletores CSS, um por linha.
  2. Veja a pontuação de cada um, mostrada como IDs, classes e elementos.
  3. Compare as pontuações para ver qual regra vence.

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.

O que acontece quando dois seletores têm a mesma especificidade?

A regra que aparece depois na folha de estilos vence. Então a ordem só importa quando as pontuações são iguais.

O important sobrescreve a especificidade?

Sim, uma declaração marcada com important vence as normais, independentemente da especificidade. Use com moderação, pois isso dificulta sobrescritas posteriores.

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.

Posso colocar Calculadora de especificidade CSS no meu próprio site?

Sim. Use o botão «Incorporar no seu site» abaixo da ferramenta para copiar um trecho curto de código e colá-lo na sua página. É grátis, não precisa de conta e a ferramenta continua funcionando dentro da sua página.

Ferramentas relacionadas