Группирование
Большинство используемых в 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; }
H2 { font-size: 135%; color: #333333; }
H3 { font-size: 120%; color: #990000; }
Селекторы группируются в виде списка тегов, разделенных между собой
запятыми.