Fout bij het gebruik van meerdere CSS-selectors
Ter herinnering, over de beginnersfout: selector
.bbb.zzz en selector .bbb .zzz
doen verschillende dingen. De eerste zoekt een element
dat tegelijkertijd twee classes heeft, en de tweede
- zoekt een element met class zzz, dat zich
bevindt binnen een element met class bbb.
Vertel wat de selector selecteert in de onderstaande code. Schrijf vervolgens HTML code die past bij deze selector. Hier is de code met de selector:
h2.zzz {
color: red;
}
Vertel wat de selector selecteert in de onderstaande code. Schrijf vervolgens HTML code die past bij deze selector. Hier is de code met de selector:
h2 .zzz {
color: red;
}
Vertel wat de selector selecteert in de onderstaande code. Schrijf vervolgens HTML code die past bij deze selector. Hier is de code met de selector:
.bbb.zzz {
color: red;
}
Vertel wat de selector selecteert in de onderstaande code. Schrijf vervolgens HTML code die past bij deze selector. Hier is de code met de selector:
.bbb .zzz {
color: red;
}
Vertel wat de selector selecteert in de onderstaande code. Schrijf vervolgens HTML code die past bij deze selector. Hier is de code met de selector:
.bbb.zzz.xxx {
color: red;
}
Vertel wat de selector selecteert in de onderstaande code. Schrijf vervolgens HTML code die past bij deze selector. Hier is de code met de selector:
.bbb .zzz.xxx {
color: red;
}
Vertel wat de selector selecteert in de onderstaande code. Schrijf vervolgens HTML code die past bij deze selector. Hier is de code met de selector:
.bbb.zzz .xxx {
color: red;
}
Vertel wat de selector selecteert in de onderstaande code. Schrijf vervolgens HTML code die past bij deze selector. Hier is de code met de selector:
.bbb .zzz .xxx {
color: red;
}
Vertel wat de selector selecteert in de onderstaande code. Schrijf vervolgens HTML code die past bij deze selector. Hier is de code met de selector:
#elem.bbb {
color: red;
}
Vertel wat de selector selecteert in de onderstaande code. Schrijf vervolgens HTML code die past bij deze selector. Hier is de code met de selector:
#elem .bbb {
color: red;
}