Quyidagi selektorga qarang.
p.eee {
color: red;
}
Siz allaqachon bilishingiz kerakki, bunday selektor eee sinfiga ega paragraflarni tanlaydi. Masalan, bular:
<p class="eee">
lorem ipsum
</p>
<p class="eee">
lorem ipsum
</p>
Endi bu selektorga qarang.
p .eee {
color: green;
}
Bu selektorning oldingisidan farqi shundaki, teg nomi va sinf nomi o‘rtasida bo‘sh joy mavjud. Bu bo'shliq avlodlar tanlovidir. Ya'ni, bu holda, biz paragraflar ichida joylashgan eee sinfi bilan barcha elementlarni tanlaymiz. Masalan, ushbu selektor quyidagi spanlarni tanlaydi.
<p>
lorem <span class="eee">ipsum</span>
</p>
<p>
lorem <span class="eee">ipsum</span>
</p>
Shunday qilsam: p.eee - bu selektor eee klassi bilan paragraflarni tanlaydi. Lekin men shunday qilsam: p .eee, u holda paragraflar ichida joylashgan eee klassi bilan barcha elementlarni tanlayman. Farqiga etibor bering.