К содержанию

Klaida naudojant kelis CSS selektorius

Primenu apie pradedančiųjų klaidą: selektorius .bbb.zzz ir selektorius .bbb .zzz atlieka skirtingus dalykus. Pirmasis ieško elemento, turinčio abu klases vienu metu, o antrasis - ieško elemento su klase zzz, esančio klasės bbb viduje.

Задание 1

Paaiškinkite, ką pasirenka selektorius pateiktame žemiau kode. Tada parašykite HTML kodą, kuris atitiktų šį selektorių. Štai kodas su selektoriumi:

cssh2.zzz {
  color: red;
}

Задание 2

Paaiškinkite, ką pasirenka selektorius pateiktame žemiau kode. Tada parašykite HTML kodą, kuris atitiktų šį selektorių. Štai kodas su selektoriumi:

cssh2 .zzz {
  color: red;
}

Задание 3

Paaiškinkite, ką pasirenka selektorius pateiktame žemiau kode. Tada parašykite HTML kodą, kuris atitiktų šį selektorių. Štai kodas su selektoriumi:

css.bbb.zzz {
  color: red;
}

Задание 4

Paaiškinkite, ką pasirenka selektorius pateiktame žemiau kode. Tada parašykite HTML kodą, kuris atitiktų šį selektorių. Štai kodas su selektoriumi:

css.bbb .zzz {
  color: red;
}

Задание 5

Paaiškinkite, ką pasirenka selektorius pateiktame žemiau kode. Tada parašykite HTML kodą, kuris atitiktų šį selektorių. Štai kodas su selektoriumi:

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

Задание 6

Paaiškinkite, ką pasirenka selektorius pateiktame žemiau kode. Tada parašykite HTML kodą, kuris atitiktų šį selektorių. Štai kodas su selektoriumi:

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

Задание 7

Paaiškinkite, ką pasirenka selektorius pateiktame žemiau kode. Tada parašykite HTML kodą, kuris atitiktų šį selektorių. Štai kodas su selektoriumi:

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

Задание 8

Paaiškinkite, ką pasirenka selektorius pateiktame žemiau kode. Tada parašykite HTML kodą, kuris atitiktų šį selektorių. Štai kodas su selektoriumi:

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

Задание 9

Paaiškinkite, ką pasirenka selektorius pateiktame žemiau kode. Tada parašykite HTML kodą, kuris atitiktų šį selektorių. Štai kodas su selektoriumi:

css#elem.bbb {
  color: red;
}

Задание 10

Paaiškinkite, ką pasirenka selektorius pateiktame žemiau kode. Tada parašykite HTML kodą, kuris atitiktų šį selektorių. Štai kodas su selektoriumi:

css#elem .bbb {
  color: red;
}