Грешка почетника у селектору потомака
Погледајте следећи селектор:
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;
}
Реците шта одабира селектор у приказаном коду испод. Затим напишите HTML код који одговара том селектору. Ево кода са селектором:
p .bbb {
color: red;
}
Реците шта одабира селектор у приказаном коду испод. Затим напишите HTML код који одговара том селектору. Ево кода са селектором:
.eee p.bbb {
color: red;
}
Реците шта одабира селектор у приказаном коду испод. Затим напишите HTML код који одговара том селектору. Ево кода са селектором:
.eee p .bbb {
color: red;
}