Spiega la cascata CSS
Trova la dichiarazione colore vincente e il passaggio decisivo.
- Funziona nel browser
- Nessun caricamento
- Controlla prima di scaricare
Gli input restano in questa scheda e non vengono caricati né salvati automaticamente. I conteggi aggregati di utilizzo e le informazioni diagnostiche generali sono facoltativi e inviati solo con il consenso, senza contenuti né nomi dei file. Svuotare o chiudere elimina gli input; salva prima i risultati necessari.
Limiti delle risorse
Cascata dei colori per selettori composti: tag, ID, classi e liste is, where e not. Fino a 64 regole e 16 livelli piatti ordinati. Confronta origine, important, inline, livello, ABC e ordine nel sorgente. Important inverte livelli e origini. Senza antenati, attributi, stati, scope, ereditarietà, animazioni, transizioni o revert. L’anteprima locale è limitata e non garantisce lo stesso risultato in ogni browser o impaginazione. I dati inseriti non vengono eseguiti. Scarica HTML e CSS insieme. Limite: 8 secondi.
Come si usa
- Configura l’esempio
Descrivi tag, ID e classi dell’elemento di destinazione, poi aggiungi le regole di colore con origine, importanza, flag inline e livello. Mantieni l’ordine di scrittura voluto.
- Verifica prima dell’uso
Elemento p#note.note: le regole normali dell’autore .note { color: #0000ff } e #note { color: #ff0000 } nello stesso livello producono il rosso; la specificità 1,0,0 batte 0,1,0.
- Esporta il risultato verificato
Leggi i candidati in ordine e il colore vincente. Cambia una sola priorità alla volta, poi confronta insieme l’anteprima locale sicura e l’HTML/CSS scaricato.
Domande e limiti
Che cosa significa questo risultato?
La specificità ABC confronta ID, classi e tipi dopo le priorità superiori della cascata. !important cambia la priorità e inverte l’ordine di livelli e origini.
Come risolvo i dati rifiutati o mancanti?
Antenati, attributi o stati non supportati non vengono simulati in silenzio. Usa selettori composti supportati e le liste is/where/not; correggi le segnalazioni del parser.
Quali sono i limiti di questo strumento?
Cascata dei colori limitata: al massimo 64 regole e 16 livelli piatti in ordine, con un limite di 8 s. Niente ereditarietà, scope, animazioni, transizioni o revert; non è un motore di layout completo come quello di un browser.