[CSS]Gdy klas jest więcej...

[Kartofelek]

Ma znaczenie, jeżeli oba selektory są tej samej wagi.

Kod:

.klasa1 {color:red;}
.klasa2 {color:blue;}

Zależnie którą wstawisz do class="...." ostatnią, ta nadpisze poprzednią.
Ale:

Kod:

.klasa1 {color:red;}
.sidebar .klasa2 {color:blue;}

Jeżeli dany obiekt będzie w sidebarze, to drugi selektor jest bardziej sprecyzowany czyli ma większą wartość. Im coś jest dokładniejsze, tym ma większą moc.

W stylowaniu nie używaj setek klas na każdy div, bo to się mija z celem. Równie dobrze mógł byś w końcu walić style wewnątrz znaczników.
Twórz jakiś obiekt, opisz go dokładniej. Jeżeli jakieś cechy będą wspólne dla innych elementów (np dolny odstęp, wspólna szerokość itp), wtedy warto wynieść to w inną klasę i wtedy dodatkowo to aplikować. Dodatkowo jak dany obiekt ma mieć inne wersje, wtedy rozszerz je przez rozbudowę klasy (xxx.yyy) lub wykorzystując wspólne klasy:

Kod:

.pink {background:pink; color:black;}
.clear-space {margin-bottom:0;}

.button {....font-size....line-height.....background:green;}
.button.pink {color:red;}

.widget { bla bla bla; margin-bottom:15px;..........}
.widget.pink {color:white;}

<div class="widget"></div>
<div class="widget"></div>
<div class="widget clear-space"></div>

<a href="" class="button">xxx</a>
<a href="" class="button pink">xxx</a>

Ogólnie myślę że wychodzenie do 4 klas na jeden obiekt to już lekkie przegięcie (ale mogą być takie sytuacje!).

Poczytaj też o obiektowości w CSS i o SASS/LESS