CSS-de elementleri birnäçe klas boyunça saýlamak
Islesek, şol bir wagtyň özünde iki klasy bolan elementi saýlap, bu klaslaryň diňe birewine eýe bolan elementlere täsir etmezlik edip bileris.
Mysal üçin göreli. Bizde aşakdaky kod bolsun:
<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>
Görşiňiz ýaly, birinji abzas eee klasyna, ikinji abzas zzz klasyna, üçünji abzas bolsa şol bir wagtyň özünde her iki klasyň ikisine hem eýedir.
Gelin, galan abzaslara täsir etmezden, iň soňky abzazy saýlalyň. Bunuň üçin bir klassyň adyny we ikinji klassyň adyny boşlug ýok bolan bir ýerli ýazyň:
.eee.zzz {
color: red;
}
eee, zzz we ccc klaslaryna şol bir wagtyň özünde eýe bolan elementleri saýlaň:
<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>