К содержанию

Greška pri korišćenju više CSS selektora

Podsećam na grešku početnika: selektor .bbb.zzz i selektor .bbb .zzz rade različite stvari. Prvi traži element koji istovremeno ima dve klase, a drugi - traži element sa klasom zzz, koji se nalazi unutar elementa sa klasom bbb.

Задание 1

Objasnite šta bira selektor u datom kodu ispod. Zatim napišite HTML kod koji odgovara tom selektoru. Evo koda sa selektorom:

cssh2.zzz {
  color: red;
}

Задание 2

Objasnite šta bira selektor u datom kodu ispod. Zatim napišite HTML kod koji odgovara tom selektoru. Evo koda sa selektorom:

cssh2 .zzz {
  color: red;
}

Задание 3

Objasnite šta bira selektor u datom kodu ispod. Zatim napišite HTML kod koji odgovara tom selektoru. Evo koda sa selektorom:

css.bbb.zzz {
  color: red;
}

Задание 4

Objasnite šta bira selektor u datom kodu ispod. Zatim napišite HTML kod koji odgovara tom selektoru. Evo koda sa selektorom:

css.bbb .zzz {
  color: red;
}

Задание 5

Objasnite šta bira selektor u datom kodu ispod. Zatim napišite HTML kod koji odgovara tom selektoru. Evo koda sa selektorom:

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

Задание 6

Objasnite šta bira selektor u datom kodu ispod. Zatim napišite HTML kod koji odgovara tom selektoru. Evo koda sa selektorom:

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

Задание 7

Objasnite šta bira selektor u datom kodu ispod. Zatim napišite HTML kod koji odgovara tom selektoru. Evo koda sa selektorom:

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

Задание 8

Objasnite šta bira selektor u datom kodu ispod. Zatim napišite HTML kod koji odgovara tom selektoru. Evo koda sa selektorom:

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

Задание 9

Objasnite šta bira selektor u datom kodu ispod. Zatim napišite HTML kod koji odgovara tom selektoru. Evo koda sa selektorom:

css#elem.bbb {
  color: red;
}

Задание 10

Objasnite šta bira selektor u datom kodu ispod. Zatim napišite HTML kod koji odgovara tom selektoru. Evo koda sa selektorom:

css#elem .bbb {
  color: red;
}