• Как продвинуть сайт на первые места?
    Вы создали или только планируете создать свой сайт, но не знаете, как продвигать? Продвижение сайта – это не просто процесс, а целый комплекс мероприятий, направленных на увеличение его посещаемости и повышение его позиций в поисковых системах.
    Ускорение продвижения
    Если вам трудно попасть на первые места в поиске самостоятельно, попробуйте технологию Буст, она ускоряет продвижение в десятки раз, а первые результаты появляются уже в течение первых 7 дней. Если ни один запрос у вас не продвинется в Топ10 за месяц, то в SeoHammer за бустер вернут деньги.
    Начать продвижение сайта
  • Сервис онлайн-записи на собственном Telegram-боте
    Тот, кто работает в сфере услуг, знает — без ведения записи клиентов никуда. Мало того, что нужно видеть свое расписание, но и напоминать клиентам о визитах тоже. Нашли самый бюджетный и оптимальный вариант: сервис VisitTime.
    Для новых пользователей первый месяц бесплатно.
    Чат-бот для мастеров и специалистов, который упрощает ведение записей:
    — Сам записывает клиентов и напоминает им о визите;
    — Персонализирует скидки, чаевые, кэшбэк и предоплаты;
    — Увеличивает доходимость и помогает больше зарабатывать;
    Начать пользоваться сервисом
УРОКИ CSS CSS3 ПРИМЕРЫ CSS СПРАВОЧНИК CSS

CSS Урок 16 Сгруппированные и Вложенные Селекторы

« Назад Далее »

Группировка Селекторов

В таблицах стилей обычно существуют элементы с одинаковым стилевым оформлением.

h1
{
color:green;
}
h2
{
color:green;
}
p
{
color:green;
}

Чтобы уменьшить объем кода, вы можете группировать селекторы.

Отделяйте каждый селектор запятой.

В примере ниже мы сгруппировали селекторы из кода выше:

Пример

h1,h2,p
{
color:green;
}

Попробуйте сами »
Щелкните на кнопке "Попробуйте сами" чтобы увидеть как это работает

Вложенные Селекторы

Можно применить стиль для селектора внутри другого селекора.

В примере ниже, один стиль указан для всех элементов p, другой стиль указан для всех элементов с class="marked", и третий стиль указан только для элементов p с class="marked":

Пример

p
{
color:blue;
text-align:center;
}
.marked
{
background-color:red;
}
.marked p
{
color:white;
}

Попробуйте сами »
Щелкните на кнопке "Попробуйте сами" чтобы увидеть как это работает



« Назад Далее »



© 2011 - 2022 Уроки CSS