Грешка при използване на няколко CSS селектора

Задание 1

Обяснете какво избира селекторът в дадения по-долу код. След това напишете HTML код, който отговаря на този селектор. Ето кода със селектора:

cssh2.zzz {
  color: red;
}

Задание 2

Обяснете какво избира селекторът в дадения по-долу код. След това напишете HTML код, който отговаря на този селектор. Ето кода със селектора:

cssh2 .zzz {
  color: red;
}

Задание 3

Обяснете какво избира селекторът в дадения по-долу код. След това напишете HTML код, който отговаря на този селектор. Ето кода със селектора:

css.bbb.zzz {
  color: red;
}

Задание 4

Обяснете какво избира селекторът в дадения по-долу код. След това напишете HTML код, който отговаря на този селектор. Ето кода със селектора:

css.bbb .zzz {
  color: red;
}

Задание 5

Обяснете какво избира селекторът в дадения по-долу код. След това напишете HTML код, който отговаря на този селектор. Ето кода със селектора:

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

Задание 6

Обяснете какво избира селекторът в дадения по-долу код. След това напишете HTML код, който отговаря на този селектор. Ето кода със селектора:

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

Задание 7

Обяснете какво избира селекторът в дадения по-долу код. След това напишете HTML код, който отговаря на този селектор. Ето кода със селектора:

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

Задание 8

Обяснете какво избира селекторът в дадения по-долу код. След това напишете HTML код, който отговаря на този селектор. Ето кода със селектора:

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

Задание 9

Обяснете какво избира селекторът в дадения по-долу код. След това напишете HTML код, който отговаря на този селектор. Ето кода със селектора:

css#elem.bbb {
  color: red;
}

Задание 10

Обяснете какво избира селекторът в дадения по-долу код. След това напишете HTML код, който отговаря на този селектор. Ето кода със селектора:

css#elem .bbb {
  color: red;
}