Izbor elementa po više klasa u CSS-u
Po želji, možemo da izaberemo element koji ima dve klase istovremeno, a da ne pogodimo elemente sa samo jednom od tih klasa.
Pogledajmo na primeru. Pretpostavimo da imamo sledeći kod:
<p class="eee">
This is a paragraph with text.
</p>
<p class="zzz">
This is a paragraph with text.
</p>
<p class="eee zzz">
This is a paragraph with text.
</p>
Kao što vidite, prvi pasus ima klasu eee,
drugi pasus - klasu zzz, a treći
pasus - obe ove klase istovremeno.
Hajde da izaberemo poslednji pasus, a da ne pogodimo ostale. Za to, spojimo bez razmaka ime jedne klase i ime druge klase:
.eee.zzz {
color: red;
}
Izaberite element koji istovremeno ima klase
eee, zzz i ccc:
<p class="eee">
This is a paragraph with text.
</p>
<p class="zzz">
This is a paragraph with text.
</p>
<p class="ccc">
This is a paragraph with text.
</p>
<p class="eee zzz ccc">
This is a paragraph with text.
</p>