h1,i,p,th {color:green;}
Запятые разделяющие селекторы сообщают браузеру, что в правило включены четыре разных селектора.Если запятую не ставить правило приобретет другое значенье. Количество селекторов,которые можно применить,неограничено.
Также как и селекторы можно группировать объявления. Например ,чтобы набрать красный текст высотой 20px на зеленом фоне ,нужно написать следующие:
h2{font:20px Helvetica;}
h2{color:red;}
h2{background:green;}
Или мы можем сгруппировать данные объявления:
h2{font:20px Helvetica;clolr:red;background:green;}
Теперь мы знаем, что можно сгруппировать любое количество селекторов и объявлений. Наример мы решили задать для всех заголовков несколько сложных стилей и это будет выглядеть так:
h1,h2,h3,h4,h5,h6 {color:green;background:black;border:2px solid yellow;font-family:10px Helvetica;}
Как сделано:
1)Открываем блокнот и пишем код приведенный выше
2)Сохраняем в папкуstyles с именем "h1-6"
3)Размещаем ссылку в контейнер <head>
и смотрим результат:
<h2>Мы снова встрерились с тобой</h2>
Мы снова всретились с тобой
<h3>Но как мы оба изменились!</h3>