Несколько селекторов слитно в CSS
Чтобы выбрать элемент, одновременно подпадающий под несколько селекторов, нужно написать эти селекторы слитно, без пробела.
Например, следующий селектор выберет элемент,
одновременно имеющий класс bbb и класс
zzz:
.bbb.zzz {
}
А следующий селектор выберет заголовок h2,
одновременно имеющий класс bbb и класс
zzz:
h2.bbb.zzz {
}
Указанным образом можно конструировать произвольные конструкции селекторов. При этом их порядок используемых селекторов значения не имеет, кроме правила, что селекторы тегов нужно ставить в самом начале.
То есть, например, селекторы .bbb.zzz
и .zzz.bbb полностью эквивалентны.
Кроме того, можно формировать селекторы с
использованием id, например, такие:
#elem.eee, или h2#elem.eee,
или h2.eee#elem и так далее.
Расскажите, что выбирает селектор в приведенном ниже коде. Затем напишите HTML код, подходящий под этот селектор. Вот код с селектором:
.bbb.zzz {
color: red;
}
Расскажите, что выбирает селектор в приведенном ниже коде. Затем напишите HTML код, подходящий под этот селектор. Вот код с селектором:
h2.bbb.zzz {
color: red;
}
Расскажите, что выбирает селектор в приведенном ниже коде. Затем напишите HTML код, подходящий под этот селектор. Вот код с селектором:
#elem.bbb {
color: red;
}
Расскажите, что выбирает селектор в приведенном ниже коде. Затем напишите HTML код, подходящий под этот селектор. Вот код с селектором:
#elem.bbb.zzz {
color: red;
}
Расскажите, что выбирает селектор в приведенном ниже коде. Затем напишите HTML код, подходящий под этот селектор. Вот код с селектором:
h2#elem.bbb {
color: red;
}