Napaka pri uporabi več CSS selektorjev

Spomnim na napako začetnikov: selektor .bbb.zzz in selektor .bbb .zzz delujeta različno. Prvi išče element, ki ima hkrati dva razreda, drugi - išče element z razredom zzz, ki se nahaja znotraj razreda bbb.

Povejte, kaj izbira selektor v spodnji kodi. Nato napišite HTML kodo, ki ustreza temu selektorju. Tukaj je koda s selektorjem:

h2.zzz {
	color: red;
}

Povejte, kaj izbira selektor v spodnji kodi. Nato napišite HTML kodo, ki ustreza temu selektorju. Tukaj je koda s selektorjem:

h2 .zzz {
	color: red;
}

Povejte, kaj izbira selektor v spodnji kodi. Nato napišite HTML kodo, ki ustreza temu selektorju. Tukaj je koda s selektorjem:

.bbb.zzz {
	color: red;
}

Povejte, kaj izbira selektor v spodnji kodi. Nato napišite HTML kodo, ki ustreza temu selektorju. Tukaj je koda s selektorjem:

.bbb .zzz {
	color: red;
}

Povejte, kaj izbira selektor v spodnji kodi. Nato napišite HTML kodo, ki ustreza temu selektorju. Tukaj je koda s selektorjem:

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

Povejte, kaj izbira selektor v spodnji kodi. Nato napišite HTML kodo, ki ustreza temu selektorju. Tukaj je koda s selektorjem:

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

Povejte, kaj izbira selektor v spodnji kodi. Nato napišite HTML kodo, ki ustreza temu selektorju. Tukaj je koda s selektorjem:

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

Povejte, kaj izbira selektor v spodnji kodi. Nato napišite HTML kodo, ki ustreza temu selektorju. Tukaj je koda s selektorjem:

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

Povejte, kaj izbira selektor v spodnji kodi. Nato napišite HTML kodo, ki ustreza temu selektorju. Tukaj je koda s selektorjem:

#elem.bbb {
	color: red;
}

Povejte, kaj izbira selektor v spodnji kodi. Nato napišite HTML kodo, ki ustreza temu selektorju. Tukaj je koda s selektorjem:

#elem .bbb {
	color: red;
}