К содержанию

Feil ved bruk av flere CSS-selectorer

Jeg minner om en nybegynnerfeil: selectoren .bbb.zzz og selectoren .bbb .zzz gjør forskjellige ting. Den første søker etter et element som har begge klassene samtidig, mens den andre søker etter et element med klassen zzz, som befinner seg innenfor et element med klassen bbb.

Задание 1

Forklar hva selectoren i koden nedenfor velger. Skriv deretter HTML-kode som passer til denne selectoren. Her er koden med selectoren:

cssh2.zzz {
  color: red;
}

Задание 2

Forklar hva selectoren i koden nedenfor velger. Skriv deretter HTML-kode som passer til denne selectoren. Her er koden med selectoren:

cssh2 .zzz {
  color: red;
}

Задание 3

Forklar hva selectoren i koden nedenfor velger. Skriv deretter HTML-kode som passer til denne selectoren. Her er koden med selectoren:

css.bbb.zzz {
  color: red;
}

Задание 4

Forklar hva selectoren i koden nedenfor velger. Skriv deretter HTML-kode som passer til denne selectoren. Her er koden med selectoren:

css.bbb .zzz {
  color: red;
}

Задание 5

Forklar hva selectoren i koden nedenfor velger. Skriv deretter HTML-kode som passer til denne selectoren. Her er koden med selectoren:

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

Задание 6

Forklar hva selectoren i koden nedenfor velger. Skriv deretter HTML-kode som passer til denne selectoren. Her er koden med selectoren:

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

Задание 7

Forklar hva selectoren i koden nedenfor velger. Skriv deretter HTML-kode som passer til denne selectoren. Her er koden med selectoren:

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

Задание 8

Forklar hva selectoren i koden nedenfor velger. Skriv deretter HTML-kode som passer til denne selectoren. Her er koden med selectoren:

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

Задание 9

Forklar hva selectoren i koden nedenfor velger. Skriv deretter HTML-kode som passer til denne selectoren. Her er koden med selectoren:

css#elem.bbb {
  color: red;
}

Задание 10

Forklar hva selectoren i koden nedenfor velger. Skriv deretter HTML-kode som passer til denne selectoren. Her er koden med selectoren:

css#elem .bbb {
  color: red;
}