К содержанию

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.

Задание 1

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:

cssh2.zzz {
  color: red;
}

Задание 2

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:

cssh2 .zzz {
  color: red;
}

Задание 3

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:

css.bbb.zzz {
  color: red;
}

Задание 4

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:

css.bbb .zzz {
  color: red;
}

Задание 5

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:

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

Задание 6

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:

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

Задание 7

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:

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

Задание 8

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:

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

Задание 9

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:

css#elem.bbb {
  color: red;
}

Задание 10

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:

css#elem .bbb {
  color: red;
}