Exemple de mise en oeuvre de cascade : deux règles sont définies sur le sélecteur <h1> dans le fichier exemples-mecanismes.css ; c'est la dernière règle qui est appliquée

Exemple de cascade

Exemple de mise en oeuvre de spécificité : une régle est définie sur le sélecteur <h2> et une régle est définie sur une classe .classe.

Exemple de spécification (sans classe).

Exemple de spécification (avec classe).

Exemple de mise en oeuvre de l'héritage : la régle définie sur la balise <div> s'applique également sur la balise <span> imbriquée mais elle ne s'applique pas si la balise n'est pas imbriquée.

Définition de la couleur de de la famille de police ... Balise <span> imbriquée dans la balise <div> ....

Balise <span> hors de la balise <div>.

Exemple de mise en oeuvre de revert : une régle est définie sur le paragraphe d'une balise <section> alors que la classe .widget fait remonter la cascade.

Voici une section !