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

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

cssp.eee {
  color: red;
}

Већ би требали да знате да ће такав селектор одабрати пасусе са класом eee. На пример, ове:

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

Сада погледајте овај селектор:

cssp .eee {
  color: green;
}

Овај селектор се разликује од претходног по томе што између имена тага и имена класе има размак. Тај размак представља селектор потомака. То јест, у овом случају одабирамо све елементе са класом eee, који се налазе унутар пасуса. На пример, овај селектор ће одабрати следеће спенове:

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

Резултат извршавања кода:

cssp.bbb {
  color: red;
}

cssp .bbb {
  color: red;
}

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

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