Селекторлордун мураскери боюнча жаңы баштагандардын катасы

Төмөнкү селекторго көз салыңыз:

p.eee {
	color: red;
}

Сиз буга чейин билишиңиз керек, мындай селектор eee классты абзацтарды тандайт. Мисалы, төмөнкүлөрдү:

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

Эми мына бул селекторго көз салыңыз:

p .eee {
	color: green;
}

Бул селектор мурункудан айырмаланып турат, анткени анын тегдин аты менен класс атынын ортосунда бош орун бар. Бул бош орун мураскерилер селекторун билдирет. Бул учурда биз абзацтардын ичинде жайгашкан бардык eee классты элементтерди тандайбыз. Мисалы, бул селектор төмөнкү спандарды тандайт:

<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;
}