Calculadora de especificidade CSS

Calcula a pontuação de especificidade de seletores CSS.

Calculadora de especificidade CSS

Calcular especificidade CSS

Specificity Reference

IDs - #header, #main (specificity: 1,0,0)
Classes, attributes, pseudo-classes - .nav, [type], :hover (specificity: 0,1,0)
Elements, pseudo-elements - div, p, ::before (specificity: 0,0,1)

About Specificity Calculator

Calculate CSS selector specificity to understand which styles will take precedence. Higher specificity wins. When specificity is equal, the last rule declared wins. Compare multiple selectors to see their relative strengths.

Como Usar

  1. Insira sua entrada na área de texto acima
  2. Selecione as opções desejadas
  3. Clique no botão processar para ver os resultados
  4. Copie o resultado para sua área de transferência

Perguntas Frequentes

O que é Calculadora de especificidade CSS?

Calcula a pontuação de especificidade de seletores CSS.

Esta ferramenta é gratuita?

Sim! Todas as ferramentas no ToolsKeeper são completamente gratuitas, sem limitações ou necessidade de cadastro.

Meus dados estão seguros?

Com certeza. Todo o processamento acontece diretamente no seu navegador. Seus dados nunca saem do seu dispositivo nem são enviados para nenhum servidor.

Ferramentas Relacionadas