К содержанию

Chyba pri použití viacerých CSS selektorov

Pripomínam chybu začiatočníkov: selektor .bbb.zzz a selektor .bbb .zzz robia rozdielne veci. Prvý hľadá element, ktorý má súčasne dve triedy, a druhý - hľadá element s triedou zzz, ktorý sa nachádza vnútri elementu s triedou bbb.

Задание 1

Vysvetlite, čo vyberá selektor v uvedenom kóde nižšie. Potom napíšte HTML kód, ktorý vyhovuje tomuto selektoru. Tu je kód so selektorom:

cssh2.zzz {
  color: red;
}

Задание 2

Vysvetlite, čo vyberá selektor v uvedenom kóde nižšie. Potom napíšte HTML kód, ktorý vyhovuje tomuto selektoru. Tu je kód so selektorom:

cssh2 .zzz {
  color: red;
}

Задание 3

Vysvetlite, čo vyberá selektor v uvedenom kóde nižšie. Potom napíšte HTML kód, ktorý vyhovuje tomuto selektoru. Tu je kód so selektorom:

css.bbb.zzz {
  color: red;
}

Задание 4

Vysvetlite, čo vyberá selektor v uvedenom kóde nižšie. Potom napíšte HTML kód, ktorý vyhovuje tomuto selektoru. Tu je kód so selektorom:

css.bbb .zzz {
  color: red;
}

Задание 5

Vysvetlite, čo vyberá selektor v uvedenom kóde nižšie. Potom napíšte HTML kód, ktorý vyhovuje tomuto selektoru. Tu je kód so selektorom:

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

Задание 6

Vysvetlite, čo vyberá selektor v uvedenom kóde nižšie. Potom napíšte HTML kód, ktorý vyhovuje tomuto selektoru. Tu je kód so selektorom:

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

Задание 7

Vysvetlite, čo vyberá selektor v uvedenom kóde nižšie. Potom napíšte HTML kód, ktorý vyhovuje tomuto selektoru. Tu je kód so selektorom:

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

Задание 8

Vysvetlite, čo vyberá selektor v uvedenom kóde nižšie. Potom napíšte HTML kód, ktorý vyhovuje tomuto selektoru. Tu je kód so selektorom:

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

Задание 9

Vysvetlite, čo vyberá selektor v uvedenom kóde nižšie. Potom napíšte HTML kód, ktorý vyhovuje tomuto selektoru. Tu je kód so selektorom:

css#elem.bbb {
  color: red;
}

Задание 10

Vysvetlite, čo vyberá selektor v uvedenom kóde nižšie. Potom napíšte HTML kód, ktorý vyhovuje tomuto selektoru. Tu je kód so selektorom:

css#elem .bbb {
  color: red;
}