К содержанию

Napaka pri uporabi več CSS selektorjev

Spomnim na napako začetnikov: selektor .bbb.zzz in selektor .bbb .zzz delujeta različno. Prvi išče element, ki ima hkrati dva razreda, drugi - išče element z razredom zzz, ki se nahaja znotraj razreda bbb.

Задание 1

Povejte, kaj izbira selektor v spodnji kodi. Nato napišite HTML kodo, ki ustreza temu selektorju. Tukaj je koda s selektorjem:

cssh2.zzz {
  color: red;
}

Задание 2

Povejte, kaj izbira selektor v spodnji kodi. Nato napišite HTML kodo, ki ustreza temu selektorju. Tukaj je koda s selektorjem:

cssh2 .zzz {
  color: red;
}

Задание 3

Povejte, kaj izbira selektor v spodnji kodi. Nato napišite HTML kodo, ki ustreza temu selektorju. Tukaj je koda s selektorjem:

css.bbb.zzz {
  color: red;
}

Задание 4

Povejte, kaj izbira selektor v spodnji kodi. Nato napišite HTML kodo, ki ustreza temu selektorju. Tukaj je koda s selektorjem:

css.bbb .zzz {
  color: red;
}

Задание 5

Povejte, kaj izbira selektor v spodnji kodi. Nato napišite HTML kodo, ki ustreza temu selektorju. Tukaj je koda s selektorjem:

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

Задание 6

Povejte, kaj izbira selektor v spodnji kodi. Nato napišite HTML kodo, ki ustreza temu selektorju. Tukaj je koda s selektorjem:

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

Задание 7

Povejte, kaj izbira selektor v spodnji kodi. Nato napišite HTML kodo, ki ustreza temu selektorju. Tukaj je koda s selektorjem:

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

Задание 8

Povejte, kaj izbira selektor v spodnji kodi. Nato napišite HTML kodo, ki ustreza temu selektorju. Tukaj je koda s selektorjem:

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

Задание 9

Povejte, kaj izbira selektor v spodnji kodi. Nato napišite HTML kodo, ki ustreza temu selektorju. Tukaj je koda s selektorjem:

css#elem.bbb {
  color: red;
}

Задание 10

Povejte, kaj izbira selektor v spodnji kodi. Nato napišite HTML kodo, ki ustreza temu selektorju. Tukaj je koda s selektorjem:

css#elem .bbb {
  color: red;
}