Gabimi i Fillestarëve në Selektorin e Pasardhësve

Shikoni selektorin e mëposhtëm:

cssp.eee {
  color: red;
}

Duhet të dini tashmë se një selektor i tillë do të zgjedhë paragrafët me klasën eee. Për shembull, këto:

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

Tani shikoni këtë selektor:

cssp .eee {
  color: green;
}

Ky selektor ndryshon nga ai i mëparshmi nga fakti se midis emrit të tagut dhe emrit të klasës ka një hapësirë. Kjo hapësirë përfaqëson selektorin e pasardhësve. Kjo do të thotë se në këtë rast ne po zgjedhim të gjithë elementët me klasën eee, që ndodhen brenda paragrafëve. Për shembull, ky selektor do të zgjedhë spanet e mëposhtme:

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

Rezultati i ekzekutimit të kodit:

cssp.bbb {
  color: red;
}

cssp .bbb {
  color: red;
}

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

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