В каскадных таблицах стиля часто встречаются элементы с одинаковыми значениями свойств. Взгляните на этот пример:
h1 { color:green; } h2 { color:green; } p { color:green;
}
Для оптимизации кода и уменьшения его размера вы можете группировать селекторы.
Отделяйте селекторы друг от друга запятыми.
В следующем примере я покажу, как сгруппировать селекторы из первого примера:
h1,h2,p { color:green;
}
Вложенные селекторы
В CSS есть приемы, позволяющие применять стиль к селектору, не применяя селектор.
В следующем примере для всех параграфов мы задаем один стиль, а для параграфов с классом «marked» мы задаем другой стиль:
p { color:blue; text-align:center; } .marked { background-color:blue; } .marked p { color:white;
}