Подписывайся на наш Telegram-канал!
Новости, полезный материал,
программирование и ИБ
82. Группировка селекторов в CSS
Из предыдущего урока вы узнали, что такое селектор и как применять стили к элементам. Допустим, вам нужно сделать цвет заголовка и абзаца одного цвета – красным. Руководствуясь предыдущим уроком, вы бы написали как в "примере 1":
h1 {
color: #FF0000;
}
p {
color: #FF0000;
}
Но в CSS можно группировать селекторы. Теперь перепишем "пример 1".
p, h1 {
color: #FF0000;
}
Теперь этот код браузер понимает так: «применить красный цвет текста ко всем абзацам и заголовкам первого уровня». Два разных селектора мы разделили запятой, если убрать запятую, то это будет значить совершенно другое.
Вы можете перечислить любое количество селекторов, например, как в "примере 3".
p, b, h1, h2, h3, h4 {
color: #FF0000;
}
Похожие уроки Codebra
Подписывайся на наш Telegram-канал!
Новости, полезный материал,
программирование и ИБ
- Создайте группу селекторов из тегов
h1
,p
- Теперь для этой группы добавьте свойство
text-align: center;
- И еще для этой группы добавьте свойство
color: #888888;
. Посмотрите результат
– Не пропускайте новостей, подпишитесь на нашу страницу ВКонтакте, Telegram.
– На данный момент на сайте нет возможности оставлять комментарии, но Вы можете спросить в нашей Telegram-группе.
Это займет не больше минуты.