La cascade est une caractéristique centrale de CSS et une source commune de confusion. Avec les styles provenant de plusieurs sélecteurs et feuilles de style, la cascade détermine quels styles sont prioritaire et remplacent ainsi d'autres styles.

Il y a plusieurs facteurs en jeu, donc nous pouvons facilement nous perdre en nous demandant pourquoi un style n'est pas appliqué, d'où vient un style ou pourquoi une règle l'emporte sur une autre.

Les Firefox DevTools peuvent nous aider à savoir ce que nous recherchons. Dans la vidéo ci-dessous, Miriam Suzanne, de la fondation Mozilla, vous montrera comment la cascade est représentée dans l'inspecteur et comment tirer le meilleur parti de ces outils - du débogage du code à l'écriture et à la manipulation de la cascade directement dans le navigateur.