К содержанию

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.

Задание 1

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

cssh2.zzz {
  color: red;
}

Задание 2

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

cssh2 .zzz {
  color: red;
}

Задание 3

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

css.bbb.zzz {
  color: red;
}

Задание 4

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

css.bbb .zzz {
  color: red;
}

Задание 5

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

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

Задание 6

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

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

Задание 7

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

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

Задание 8

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

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

Задание 9

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

css#elem.bbb {
  color: red;
}

Задание 10

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

css#elem .bbb {
  color: red;
}