Algajate viga järeltulija valijas

Vaadake järgmist valijat:

p.eee {
	color: red;
}

Te peaksite juba teadma, et selline valija valib lõigud klassiga eee. Näiteks need:

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

Vaadake nüüd seda valijat:

p .eee {
	color: green;
}

See valija erineb eelmisest selle poolest, et sellel on sildi nime ja klassi nime vahel tühik. See tühik esindab järeltulija valijat. See tähendab, et antud juhul valime kõik elemendid klassiga eee, mis asuvad lõigude sees. Näiteks see valija valib järgmised span-id:

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

Koodi täitmise tulemus:

Niisiis, veel kord: p.eee - selline valija valib lõigud klassiga eee. Aga kui ma teen nii: p .eee, siis valin kõik elemendid klassiga eee, mis asuvad lõigude sees. Tunnete seda erinevust.

Kirjelda, mida valija allolevas koodis valib. Seejärel kirjuta HTML-kood, mis sobib selle valijaga. Siin on kood valijaga:

p.bbb {
	color: red;
}

Kirjelda, mida valija allolevas koodis valib. Seejärel kirjuta HTML-kood, mis sobib selle valijaga. Siin on kood valijaga:

p .bbb {
	color: red;
}

Kirjelda, mida valija allolevas koodis valib. Seejärel kirjuta HTML-kood, mis sobib selle valijaga. Siin on kood valijaga:

.eee p.bbb {
	color: red;
}

Kirjelda, mida valija allolevas koodis valib. Seejärel kirjuta HTML-kood, mis sobib selle valijaga. Siin on kood valijaga:

.eee p .bbb {
	color: red;
}