Хатои навкор дар интихобкунандаи фарзандон

Ба интихобкунандаи зерин нигаред:

cssp.eee {
  color: red;
}

Шумо аллакай бояд бидонед, ки чунин интихобкунанда абзасҳои бо синфи eee-ро интихоб мекунад. Масалан, инҳо:

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

Акнун ба ин интихобкунанда нигаред:

cssp .eee {
  color: green;
}

Ин интихобкунанда аз қабли фарқ мекунад, зеро миёни номи тег ва номи синф фосила истодааст. Ин фосила интихобкунандаи фарзандонро ифода мекунад. Яъне дар ин ҳолат мо ҳамаи элементҳои бо синфи eee-ро интихоб мекунем, ки дар дохили абзасҳо қарор доранд. Масалан, ин интихобкунанда span-ҳои зеринро интихоб мекунад:

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

Натиҷаи иҷрои код:

Пас, боз як бор: p.eee - чунин интихобкунанда абзасҳои бо синфи eee-ро интихоб мекунад. Аммо агар ман ин тавр куням: p .eee, пас ҳамаи элементҳои бо синфи eee-ро интихоб мекунам, ки дар дохили абзасҳо қарор доранд. Ин фарқиятро дарк кунед.

Задание 1

Барои коди дар поён овардашуда, шарҳ диҳед, ки интихобкунанда чӣ чизеро интихоб мекунад. Сипас коди HTML-ро нависед, ки ба ин интихобкунанда мувофиқат кунад. Код бо интихобкунанда:

cssp.bbb {
  color: red;
}

Задание 2

cssp .bbb {
  color: red;
}

Задание 3

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

Задание 4

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