CSS и вложенная группировка
Группировка селекторов
Есть много элементов, которые имеют один и тот же стиль в таблице стилей.
h1
{
цвет: зеленый;
}
h2
{
цвет: зеленый;
}
р
{
цвет: зеленый;
}
{
цвет: зеленый;
}
h2
{
цвет: зеленый;
}
р
{
цвет: зеленый;
}
Чтобы минимизировать код, вы можете использовать селектор пакетов.
Каждый селектор Используется запятые.
В следующем примере мы используем код, указанный выше группировки селекторов:
Вложенные селекторы
Он может применяться к Селектор Селектор интерьерных стилей.
В следующем примере, набор из трех стилей:
- Укажите стиль для всех элементов р
- = "Маркированные" элементы задают стиль для всех классов
- = "Маркированный" р элемент внутри элемента определяет стиль для всех классов
примеров
р
{
цвет: синий;
выравнивания текста: центр;
}
.marked
{
фонового цвета: красный;
}
.marked р
{
цвет: белый;
}
{
цвет: синий;
выравнивания текста: центр;
}
.marked
{
фонового цвета: красный;
}
.marked р
{
цвет: белый;
}
Попробуйте »