Мы можем сгруппировать селекторы, используя запятую (,). Следующий блок объявления будет применяться к любому элементу, который соответствует любому из селекторов в группе:
td, th {
⋮ declarations
}Мы можем рассматривать запятую как логический оператор ИЛИ, но важно помнить, что каждый селектор в группе является автономным. Общей ошибкой новичка является написание таких групп:
#foo td, th {
⋮ declarations
}
Начинающий может подумать, что вышеуказанный блок объявления будет применен ко всем элементам td и th, которые являются потомками элемента с идентификатором «foo». Однако вышеприведенная группа селекторов фактически эквивалентна этой:
#foo td {
⋮ declarations
}
th {
⋮ declarations
}
Чтобы достичь истинной цели, напишите группу селекторов следующим образом:
#foo td, #foo th {
⋮ declarations
}
Важно: не нужно использовать запятую
Не оставляйте запятую после последнего селектора в группе!