Группировка классов в CSS
Пусть у нас есть несколько классов, которые красят элементы в разные цвета:
.xxx {
color: green;
}
.yyy {
color: red;
}
Пусть мы хотим сделать так, чтобы эти классы кроме цвета, задавали еще и размер шрифта:
.xxx {
color: green;
font-size: 30px;
}
.yyy {
color: red;
font-size: 30px;
}
}
Так как оба класса задают одинаковый размер шрифта, давайте используем группировку селекторов следующим образом:
.xxx {
color: green;
}
.yyy {
color: red;
}
.xxx, .yyy {
font-size: 30px;
}