Comprendre la cascade CSS
Trouvez la déclaration de couleur gagnante et l’étape décisive.
- Fonctionne dans votre navigateur
- Aucun envoi
- Vérifiez avant de télécharger
Les entrées restent dans cet onglet, sans envoi ni sauvegarde automatique. Les statistiques agrégées d’utilisation et les diagnostics généraux de traitement sont facultatifs et envoyés uniquement avec votre consentement, sans contenu ni nom de fichier. Effacer ou fermer supprime les entrées ; enregistrez les résultats utiles avant de partir.
Limites de ressources
Cascade de couleur pour des sélecteurs composés : balise, ID, classes et listes is/where/not. Jusqu’à 64 règles et 16 couches plates ordonnées. Compare l’origine, !important, le style inline, la couche, la spécificité ABC, puis l’ordre dans la source. !important inverse les priorités des couches et des origines. Sans ancêtres, attributs, états, scope, héritage, animation, transition ni revert. Aperçu local limité, sans garantie sur tous les navigateurs ni toutes les mises en page. Les saisies ne sont pas exécutées. Téléchargez le HTML et le CSS ensemble. Délai : 8 secondes.
Mode d’emploi
- Configurer l’exemple
Décrivez la balise, l’identifiant et les classes de la cible, puis ajoutez des règles de couleur avec leur origine, leur importance, l’indicateur inline et la couche. Gardez un ordre source voulu.
- Vérifier avant utilisation
Cible p#note.note : les règles d’auteur normales .note { color: #0000ff } et #note { color: #ff0000 } dans la même couche donnent du rouge ; la spécificité 1,0,0 l’emporte sur 0,1,0.
- Exporter le résultat vérifié
Lisez les candidats ordonnés et la couleur gagnante. Changez une priorité à la fois, puis comparez ensemble l’aperçu local sûr et le HTML/CSS téléchargés.
Questions et limites
Que signifie ce résultat ?
La spécificité ABC compare les identifiants, les classes et les types après les priorités supérieures de la cascade. !important modifie la priorité et inverse l’ordre des couches et des origines.
Comment corriger une entrée refusée ou manquante ?
Les ancêtres, attributs ou états non pris en charge ne sont pas simulés en silence. Utilisez les sélecteurs composés pris en charge et les listes is, where et not ; corrigez les diagnostics de l’analyseur.
Quelles sont les limites de cet outil ?
Cascade de couleur bornée : 64 règles et 16 couches plates ordonnées au plus, délai de surveillance de 8 s. Ni héritage, ni portée, ni animation, ni transition, ni revert ; ce n’est pas un moteur de mise en page de navigateur complet.