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

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

p.eee {
	color: red;
}

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

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

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

p .eee {
	color: green;
}

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

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

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

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

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

p.bbb {
	color: red;
}

p .bbb {
	color: red;
}

.eee p.bbb {
	color: red;
}

.eee p .bbb {
	color: red;
}