Грешка при използване на няколко CSS селектора
Напомням за грешката на начинаещите: селекторът
.bbb.zzz и селекторът .bbb .zzz
правят различни неща. Първият търси елемент,
който има едновременно два класа, а вторият
- търси елемент с клас zzz, намиращ се
вътре в елемент с клас bbb.
Обяснете какво избира селекторът в дадения по-долу код. След това напишете HTML код, който отговаря на този селектор. Ето кода със селектора:
h2.zzz {
color: red;
}
Обяснете какво избира селекторът в дадения по-долу код. След това напишете HTML код, който отговаря на този селектор. Ето кода със селектора:
h2 .zzz {
color: red;
}
Обяснете какво избира селекторът в дадения по-долу код. След това напишете HTML код, който отговаря на този селектор. Ето кода със селектора:
.bbb.zzz {
color: red;
}
Обяснете какво избира селекторът в дадения по-долу код. След това напишете HTML код, който отговаря на този селектор. Ето кода със селектора:
.bbb .zzz {
color: red;
}
Обяснете какво избира селекторът в дадения по-долу код. След това напишете HTML код, който отговаря на този селектор. Ето кода със селектора:
.bbb.zzz.xxx {
color: red;
}
Обяснете какво избира селекторът в дадения по-долу код. След това напишете HTML код, който отговаря на този селектор. Ето кода със селектора:
.bbb .zzz.xxx {
color: red;
}
Обяснете какво избира селекторът в дадения по-долу код. След това напишете HTML код, който отговаря на този селектор. Ето кода със селектора:
.bbb.zzz .xxx {
color: red;
}
Обяснете какво избира селекторът в дадения по-долу код. След това напишете HTML код, който отговаря на този селектор. Ето кода със селектора:
.bbb .zzz .xxx {
color: red;
}
Обяснете какво избира селекторът в дадения по-долу код. След това напишете HTML код, който отговаря на този селектор. Ето кода със селектора:
#elem.bbb {
color: red;
}
Обяснете какво избира селекторът в дадения по-долу код. След това напишете HTML код, който отговаря на този селектор. Ето кода със селектора:
#elem .bbb {
color: red;
}
