Fejl ved brug af flere CSS-selectorer

Jeg minder lige om begynderfejlen: selectoren .bbb.zzz og selectoren .bbb .zzz gør forskellige ting. Den første leder efter et element, der har begge klasser samtidig, mens den anden - leder efter et element med klassen zzz, som befinder sig inde i et element med klassen bbb.

Forklar, hvad selectoren i nedenstående kode vælger. Skriv derefter HTML-kode, der passer til denne selector. Her er koden med selectoren:

h2.zzz {
	color: red;
}

Forklar, hvad selectoren i nedenstående kode vælger. Skriv derefter HTML-kode, der passer til denne selector. Her er koden med selectoren:

h2 .zzz {
	color: red;
}

Forklar, hvad selectoren i nedenstående kode vælger. Skriv derefter HTML-kode, der passer til denne selector. Her er koden med selectoren:

.bbb.zzz {
	color: red;
}

Forklar, hvad selectoren i nedenstående kode vælger. Skriv derefter HTML-kode, der passer til denne selector. Her er koden med selectoren:

.bbb .zzz {
	color: red;
}

Forklar, hvad selectoren i nedenstående kode vælger. Skriv derefter HTML-kode, der passer til denne selector. Her er koden med selectoren:

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

Forklar, hvad selectoren i nedenstående kode vælger. Skriv derefter HTML-kode, der passer til denne selector. Her er koden med selectoren:

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

Forklar, hvad selectoren i nedenstående kode vælger. Skriv derefter HTML-kode, der passer til denne selector. Her er koden med selectoren:

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

Forklar, hvad selectoren i nedenstående kode vælger. Skriv derefter HTML-kode, der passer til denne selector. Her er koden med selectoren:

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

Forklar, hvad selectoren i nedenstående kode vælger. Skriv derefter HTML-kode, der passer til denne selector. Her er koden med selectoren:

#elem.bbb {
	color: red;
}

Forklar, hvad selectoren i nedenstående kode vælger. Skriv derefter HTML-kode, der passer til denne selector. Her er koden med selectoren:

#elem .bbb {
	color: red;
}