Yangi boshlanuvchilarning vorislar selektoridagi xatosi

Quyidagi selektorga qarang:

cssp.eee {
  color: red;
}

Siz allaqachon bilishingiz kerak, bunday selektor eee klassiga ega abzatslarni tanlaydi. Masalan, mana bulalar:

html<p class="eee">
  lorem ipsum
</p>
<p class="eee">
  lorem ipsum
</p>

Endi mana bu selektorga qarang:

cssp .eee {
  color: green;
}

Bu selektor oldingisidan shu bilan farq qiladiki, unda tegnomi va klass nomi orasida bosh joy turadi. Bu bosh joy vorislar selektorini ifodalaydi. Ya'ni bu holda biz abzatslar ichida joylashgan eee klassiga ega barcha elementlarni tanlaymiz. Masalan, bu selektor quyidagi spanlarni tanlaydi:

html<p>
  lorem <span class="eee">ipsum</span>
</p>
<p>
  lorem <span class="eee">ipsum</span>
</p>

Kodni bajarish natijasi:

cssp.bbb {
  color: red;
}

cssp .bbb {
  color: red;
}

css.eee p.bbb {
  color: red;
}

css.eee p .bbb {
  color: red;
}