|
CSS Урок 16 Сгруппированные и Вложенные Селекторы
Группировка СелекторовВ таблицах стилей обычно существуют элементы с одинаковым стилевым оформлением.
h1
{
color:green;
}
h2
{
color:green;
}
p
{
color:green;
} |
Чтобы уменьшить объем кода, вы можете группировать селекторы.
Отделяйте каждый селектор запятой.
В примере ниже мы сгруппировали селекторы из кода выше:
Пример
Попробуйте сами »
Щелкните на кнопке "Попробуйте сами" чтобы увидеть как это работает |
Вложенные СелекторыМожно применить стиль для селектора внутри другого селекора.
В примере ниже, один стиль указан для всех элементов p, другой стиль указан для
всех элементов с class="marked", и третий стиль указан только для элементов
p с class="marked":
Примерp
{
color:blue;
text-align:center;
}
.marked
{
background-color:red;
}
.marked p
{
color:white;
}
|
Попробуйте сами »
Щелкните на кнопке "Попробуйте сами" чтобы увидеть как это работает |
|
