Błąd przy używaniu wielu selektorów CSS

Przypominam o błędzie początkujących: selektor .bbb.zzz i selektor .bbb .zzz robią różne rzeczy. Pierwszy szuka elementu mającego jednocześnie dwie klasy, a drugi - szuka elementu z klasą zzz, znajdującego się wewnątrz elementu z klasą bbb.

Opowiedz, co wybiera selektor w podanym poniżej kodzie. Następnie napisz kod HTML, pasujący do tego selektora. Oto kod z selektorem:

h2.zzz {
	color: red;
}

Opowiedz, co wybiera selektor w podanym poniżej kodzie. Następnie napisz kod HTML, pasujący do tego selektora. Oto kod z selektorem:

h2 .zzz {
	color: red;
}

Opowiedz, co wybiera selektor w podanym poniżej kodzie. Następnie napisz kod HTML, pasujący do tego selektora. Oto kod z selektorem:

.bbb.zzz {
	color: red;
}

Opowiedz, co wybiera selektor w podanym poniżej kodzie. Następnie napisz kod HTML, pasujący do tego selektora. Oto kod z selektorem:

.bbb .zzz {
	color: red;
}

Opowiedz, co wybiera selektor w podanym poniżej kodzie. Następnie napisz kod HTML, pasujący do tego selektora. Oto kod z selektorem:

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

Opowiedz, co wybiera selektor w podanym poniżej kodzie. Następnie napisz kod HTML, pasujący do tego selektora. Oto kod z selektorem:

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

Opowiedz, co wybiera selektor w podanym poniżej kodzie. Następnie napisz kod HTML, pasujący do tego selektora. Oto kod z selektorem:

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

Opowiedz, co wybiera selektor w podanym poniżej kodzie. Następnie napisz kod HTML, pasujący do tego selektora. Oto kod z selektorem:

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

Opowiedz, co wybiera selektor w podanym poniżej kodzie. Następnie napisz kod HTML, pasujący do tego selektora. Oto kod z selektorem:

#elem.bbb {
	color: red;
}

Opowiedz, co wybiera selektor w podanym poniżej kodzie. Następnie napisz kod HTML, pasujący do tego selektora. Oto kod z selektorem:

#elem .bbb {
	color: red;
}