Bir xil classlarga ega ikkita turdagi teglarimiz bor. Masalan, h2 sarlavhalari va paragraflari bir xil classga ega bo'lsin.
<h2 class="eee">Title</h2>
<p class="eee">
text
</p>
<h2 class="eee">Title</h2>
<p class="eee">
text
</p>
Biz, bunday classga ega bo'lgan barcha elementlarni qizil rangga bo'yashimiz mumkin.
.eee {
color: red;
}
Biroq, class bilan aniq tegga murojaat qilishingiz mumkin. Masalan, siz eee classi bilan barcha h2 ni tanlashingiz va bu class bilan barcha p ni alohida tanlashingiz mumkin.
Buning uchun selektorga teg nomini yozib, keyin class nomini birlashtirish kerak. Masalan, h2 rangini classimiz bilan qizil rangda, shu class bilan paragraflarni esa yashil rangga bo'yaylik.
h2.eee {
color: red;
}
p.eee {
color: green;
}