Грешка почетника у селектору потомака

Погледајте следећи селектор:

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