CSSте бир нече класс боюнча элементти тандап алуу
Кааласак, биз бир эле убакта эки класска ээ болгон элементти, бул класстардын бири гана бар элементтерге тийбестен, тандай алабыз.
Келгиле, мисал аркылуу карап көрөлү. Бизде төмөнкү код бар дейли:
<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>
Көрүп тургандай, биринчи абзац eee класска ээ, экинчи абзац - zzz класска, ал эми үчүнчү абзац - бир эле убакта бул эки класска тең ээ.
Келгиле, акыркы абзацты, калгандарына тийбестен, тандап алалы. Бул үчүн, ортосунда боштук коюлбай, бир класстын атын жана экинчи класстын атын жазабыз:
.eee.zzz {
color: red;
}
Бир эле убакта eee, zzz жана 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>