Questo paragrafo ha una classe .testobianco definita nel CSS. Il testo sarà bianco. Anche al titolo abbiamo assegnato la classe .testobianco.
<h3 class="testobianco">....</h3> <p class="testobianco">....</p>
.testobianco {color: white;}
Anche se il titolo e il paragrafo hanno entrambi una classe .testoverde, la regola viene applicata solo sul titolo perché nel selettore abbiamo specificato anche l'elemento.
<h3 class="testoverde">....</h3> <p class="testoverde">....</p>
h3.testoverde {color: green;}
Solo questo paragrafo e il titolo sono in grassetto, perché entrambi hanno le classi .grassetto e .maisucolo.
La regola non si applica a questo paragrafo perché ha solo la classe .grassetto.
...
...
...
.maiuscolo.grassetto {text-transform: uppercase;font-weight: bold;}