Wist je dat je 2 classes kunt gebruiken onder 1 div, h1, p en andere elementen?
Je maakt bijvoorbeeld een website met erg veel content en veel verschillende vierkanten.

Bij de ene wil je padding op 10pixels hebben en de andere niet. Hoe doe je dat zonder 2 verschillende div classes in css aan te maken?

Maak eerst een class aan met naam padding of iets dat je makkelijk onthoud. En geef die volgende eigenschap:

01. In je stylesheet

/* padding eigenschap*/
.padding {
padding: 10px;
}
/* div content eigenschap*/ 
.content {
 width: 100px; height: 50px;
 background: #00CCFF;
}

02. In je html document

<div class="content padding">
Ik ben content met 10pixels padding!
</div>

Je ziet dat er een spatie tussen die 2 class (moet) ziten. De browser leest dat als 2 verschillende classes.
Zo kun je bij de ene content de div wel een padding geven en de andere niet. En je houdt het overzicht in je css!