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

Shikoni selektorin e mëposhtëm:

p.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:

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

Tani shikoni këtë selektor:

p .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:

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

Rezultati i ekzekutimit të kodit:

Pra, përsëri: p.eee - një selektor i tillë zgjedh paragrafët me klasën eee. Por nëse bëj kështu: p .eee, atëherë do të zgjedh të gjithë elementët me klasën eee, që ndodhen brenda paragrafëve. Ndjeni këtë ndryshim.

Shpjegoni, çfarë zgjedh selektori në kodin e paraqitur më poshtë. Pastaj shkruani kodin HTML, i cili i përshtatet këtij selektori. Ja kodi me selektorin:

p.bbb {
	color: red;
}

Shpjegoni, çfarë zgjedh selektori në kodin e paraqitur më poshtë. Pastaj shkruani kodin HTML, i cili i përshtatet këtij selektori. Ja kodi me selektorin:

p .bbb {
	color: red;
}

Shpjegoni, çfarë zgjedh selektori në kodin e paraqitur më poshtë. Pastaj shkruani kodin HTML, i cili i përshtatet këtij selektori. Ja kodi me selektorin:

.eee p.bbb {
	color: red;
}

Shpjegoni, çfarë zgjedh selektori në kodin e paraqitur më poshtë. Pastaj shkruani kodin HTML, i cili i përshtatet këtij selektori. Ja kodi me selektorin:

.eee p .bbb {
	color: red;
}