Групповые селекторы CSS

В этой совсем маленькой статеечке мы рассмотрим и изучим групповые селекторы в CSS.

На самом деле само название за себя предельно ясно отвечает, "групповые" - значит всех соучастников CSS отбора мы прописываем в группу.

Смотрите, мы допустим хотим придать всем абзацам (тег p), заголовкам второго уровня (h2) и спискам определений (dl), одно и тоже свойство, к примеру поменять цвет.

Так вот, что сделают неопытные новички? Они будут задавать каждому тегу одно и то же свойство отдельно:

p {color: #913AAB;}

h2 {color: #913AAB;}

dl {color: #913AAB;}

Но ведь это не совсем логично, прописывать одно и тоже правило по несколько раз, ведь всё это можно прописать на одной строке, вот так:

p, h2, dl {
color: #913AAB;
}

Вот видите сколько сразу места мы с экономили, да и смотрится этот код как то по лучше. Таким вот образом мы изучили еще один групповой селектор, который помогает экономить место в стилевом файле.

Ну а теперь для более лучшего усвоение материала, предлагаю вам посмотреть мой авторский видеоурок на эту тему: