Explicar a cascata CSS
Identifique a declaração de cor vencedora e a etapa decisiva.
- Funciona no navegador
- Sem envio
- Verifique antes de transferir
Os dados de entrada ficam neste separador, sem envio ou gravação automática. As contagens agregadas de utilização e os diagnósticos gerais de processamento são opcionais e enviados apenas com consentimento, sem conteúdo nem nomes de ficheiros. Limpar ou fechar elimina os dados; guarde primeiro os resultados necessários.
Limites de recursos
Cascata de cor para seletores compostos: etiqueta, ID, classes e listas is, where e not. Até 64 regras e 16 camadas planas ordenadas. Compara a origem, o important, o inline, a camada, o ABC e a ordem na fonte. O important inverte a ordem das camadas e das origens. Sem antepassados, atributos, estados, scope, herança, animação, transição nem revert. A pré-visualização local é limitada e não garante o mesmo resultado em todos os navegadores e disposições. As entradas não são executadas. Transfira o HTML e o CSS em conjunto. Limite: 8 segundos.
Como utilizar
- Configurar o exemplo
Descreva a etiqueta, o ID e as classes do elemento de destino e depois adicione regras de cor com origem, importância, indicador inline e camada. Mantenha a ordem de origem intencional.
- Verificar antes de utilizar
Elemento de destino p#note.note: as regras normais de autor .note { color: #0000ff } e #note { color: #ff0000 } na mesma camada dão vermelho; a especificidade 1,0,0 vence 0,1,0.
- Exportar o resultado verificado
Leia os candidatos ordenados e a cor vencedora. Altere uma prioridade de cada vez e compare em conjunto a pré-visualização local segura e o HTML e CSS descarregados.
Perguntas e limites
O que significa este resultado?
A especificidade ABC compara os IDs, as classes e os tipos depois das prioridades superiores da cascata. !important altera a prioridade e inverte a ordem de camadas e de origens.
Como resolver entradas rejeitadas ou em falta?
A ascendência, os atributos ou os estados não suportados não são simulados em silêncio. Use seletores compostos suportados e listas is, where e not; corrija os diagnósticos do analisador.
Quais são os limites desta ferramenta?
Cascata de cor limitada: até 64 regras e 16 camadas planas ordenadas, com um limite de 8 s. Sem herança, scope, animação, transição nem revert; não é um motor completo de disposição de um navegador.