Группирование селекторов
Большинство используемых в CSS селекторов имеют некоторые общие совпадающие параметры, например используют один и тот же шрифт. Чтобы не повторять одни и те же элементы, их можно сгруппировать для удобства и сокращения записей.
Обычная запись
H1 { font-family: Arial, Helvetica, sans-serif; font-size: 160%; color: #000033; } H2 { font-family: Arial, Helvetica, sans-serif; font-size: 135%; color: #333333; } H3 { font-family: Arial, Helvetica, sans-serif; font-size: 120%; color: #990000; } |
Сгруппированные селекторы
H1, H2, H3 { font-family: Arial, Helvetica, sans-serif; }
H1 { font-size: 160%; color: #000033; } |
Селекторы группируются в виде списка тегов, разделенных между собой запятыми.
Рекомендуем почитать