h1.red { background-color: orange; }

h2.red { background-color: green; }

.red { margin-left: 120px; background-color: red; } 
Dies ist ein Text, als Absatz (p) formatiert, dem die Klasse red zugewiesen wurde.
Der Textabsatz (p) teilt das Margin mit h1 und h2, aber die Farben sind für alle Elemente verschieden.
Die Farbe wurde jedoch durch höhere Spezifizität ein und derselben Klasse verschieden zugewiesen.

Hier der relevante CSS-Code:

h1.red { background-color: orange; }
h2.red { background-color: green; } 
.red { margin-left: 120px; background-color: red; }