Chyba při použití více CSS selektorů

Připomínám chybu začátečníků: selektor .bbb.zzz a selektor .bbb .zzz dělají různé věci. První hledá element, který má současně dvě třídy, a druhý - hledá element s třídou zzz, který se nachází uvnitř elementu s třídou bbb.

Vysvětlete, co vybírá selektor v uvedeném kódu níže. Poté napište HTML kód, který odpovídá tomuto selektoru. Zde je kód s selektorem:

h2.zzz {
	color: red;
}

Vysvětlete, co vybírá selektor v uvedeném kódu níže. Poté napište HTML kód, který odpovídá tomuto selektoru. Zde je kód s selektorem:

h2 .zzz {
	color: red;
}

Vysvětlete, co vybírá selektor v uvedeném kódu níže. Poté napište HTML kód, který odpovídá tomuto selektoru. Zde je kód s selektorem:

.bbb.zzz {
	color: red;
}

Vysvětlete, co vybírá selektor v uvedeném kódu níže. Poté napište HTML kód, který odpovídá tomuto selektoru. Zde je kód s selektorem:

.bbb .zzz {
	color: red;
}

Vysvětlete, co vybírá selektor v uvedeném kódu níže. Poté napište HTML kód, který odpovídá tomuto selektoru. Zde je kód s selektorem:

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

Vysvětlete, co vybírá selektor v uvedeném kódu níže. Poté napište HTML kód, který odpovídá tomuto selektoru. Zde je kód s selektorem:

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

Vysvětlete, co vybírá selektor v uvedeném kódu níže. Poté napište HTML kód, který odpovídá tomuto selektoru. Zde je kód s selektorem:

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

Vysvětlete, co vybírá selektor v uvedeném kódu níže. Poté napište HTML kód, který odpovídá tomuto selektoru. Zde je kód s selektorem:

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

Vysvětlete, co vybírá selektor v uvedeném kódu níže. Poté napište HTML kód, který odpovídá tomuto selektoru. Zde je kód s selektorem:

#elem.bbb {
	color: red;
}

Vysvětlete, co vybírá selektor v uvedeném kódu níže. Poté napište HTML kód, který odpovídá tomuto selektoru. Zde je kód s selektorem:

#elem .bbb {
	color: red;
}