CSS klasser og "nedarvning"

Kode 

.content {
  width:100px;
  height:100px;
  color:white;
}

.contentAlternateOne {
  border:1px solid black;
}

.contentAlternateTwo {
  border:10px solid black;
}

Kode 

  <div class="class1 class2">

  </div>

Hej,

Er det muligt at nedarve klasser i CSS?
Altså f.eks.:

Kode 

.content {
  width:100px;
  height:100px;
  color:white;
}

.content.alternate {
  border:1px solid black;
}

Jeg er klar over at syntaksen sikkert er helt forkert, men det er også udelukkende ment som en illustration.

Jeg har adskillige div'er som er næsten ens, men ikke helt. Derfor ville det jo være rart om man kunne definerer en "grundklasse" som definerer de værdier der er ens, og så nøjes med at definerer de ændringer der er for hver enkelt variant.

Jeg bruger også div til andre formål, så det er ikke en mulighed at sætte værdierne på div elementet.

Er det muligt, eller skal jeg definerer det hele hver gang?

--
Thomas Due
Software developer
udvikleren.dk - ASP redaktør
tdue@mail.dk

Kode 

.content {
  width:100px;
  height:100px;
  color:white;
}

.contentAlternate1 {
  border:1px solid black;
}

.contentAlternate2 {
  border:2px dotted red;
}

Kode 

<div class='content contentAlternate1'>noget tekst</div>
<div class='content contentAlternate2'>noget andet tekst</div>