Chyba pri použití viacerých CSS selektorov

Pripomínam chybu začiatočníkov: selektor .bbb.zzz a selektor .bbb .zzz robia rozdielne veci. Prvý hľadá element, ktorý má súčasne dve triedy, a druhý - hľadá element s triedou zzz, ktorý sa nachádza vnútri elementu s triedou bbb.

Vysvetlite, čo vyberá selektor v uvedenom kóde nižšie. Potom napíšte HTML kód, ktorý vyhovuje tomuto selektoru. Tu je kód so selektorom:

h2.zzz {
	color: red;
}

Vysvetlite, čo vyberá selektor v uvedenom kóde nižšie. Potom napíšte HTML kód, ktorý vyhovuje tomuto selektoru. Tu je kód so selektorom:

h2 .zzz {
	color: red;
}

Vysvetlite, čo vyberá selektor v uvedenom kóde nižšie. Potom napíšte HTML kód, ktorý vyhovuje tomuto selektoru. Tu je kód so selektorom:

.bbb.zzz {
	color: red;
}

Vysvetlite, čo vyberá selektor v uvedenom kóde nižšie. Potom napíšte HTML kód, ktorý vyhovuje tomuto selektoru. Tu je kód so selektorom:

.bbb .zzz {
	color: red;
}

Vysvetlite, čo vyberá selektor v uvedenom kóde nižšie. Potom napíšte HTML kód, ktorý vyhovuje tomuto selektoru. Tu je kód so selektorom:

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

Vysvetlite, čo vyberá selektor v uvedenom kóde nižšie. Potom napíšte HTML kód, ktorý vyhovuje tomuto selektoru. Tu je kód so selektorom:

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

Vysvetlite, čo vyberá selektor v uvedenom kóde nižšie. Potom napíšte HTML kód, ktorý vyhovuje tomuto selektoru. Tu je kód so selektorom:

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

Vysvetlite, čo vyberá selektor v uvedenom kóde nižšie. Potom napíšte HTML kód, ktorý vyhovuje tomuto selektoru. Tu je kód so selektorom:

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

Vysvetlite, čo vyberá selektor v uvedenom kóde nižšie. Potom napíšte HTML kód, ktorý vyhovuje tomuto selektoru. Tu je kód so selektorom:

#elem.bbb {
	color: red;
}

Vysvetlite, čo vyberá selektor v uvedenom kóde nižšie. Potom napíšte HTML kód, ktorý vyhovuje tomuto selektoru. Tu je kód so selektorom:

#elem .bbb {
	color: red;
}