Viga mitme CSS valija kasutamisel

Meenutan algajate viga: valija .bbb.zzz ja valija .bbb .zzz teevad erinevaid asju. Esimene otsib elementi, millel on samaaegselt kaks klassi, ja teine - otsib elementi klassiga zzz, mis asub klassi bbb sees.

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

h2.zzz {
	color: red;
}

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

h2 .zzz {
	color: red;
}

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

.bbb.zzz {
	color: red;
}

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

.bbb .zzz {
	color: red;
}

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

.bbb.zzz.xxx {
	color: red;
}

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

.bbb .zzz.xxx {
	color: red;
}

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

.bbb.zzz .xxx {
	color: red;
}

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

.bbb .zzz .xxx {
	color: red;
}

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

#elem.bbb {
	color: red;
}

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

#elem .bbb {
	color: red;
}