Да, в CSS можно сгруппировать разные селекторы, в том числе с разными именами классов, перечислив их через запятую и задав общий набор свойств. Все такие селекторы получат одинаковые декларации из этого правила, а отличающиеся стили описываются отдельными правилами. Это уменьшает дублирование кода и упрощает поддержку стилей.
В CSS группировка селекторов позволяет нескольким селекторам использовать один и тот же блок деклараций: мы перечисляем их через запятую перед фигурными скобками, а внутри описываем общие свойства. Так можно объединять теги, классы, идентификаторы и их комбинации, если для них нужен одинаковый набор стилей.
.btn-primary, .link-primary, h1 { ... } означает, что один и тот же набор свойств будет применён ко всем указанным селекторам.Например, сгруппируем несколько разных классов, которым нужны одинаковые базовые стили текста и оформления.
Здесь селекторы с разными именами классов получают один и тот же набор свойств: цвет текста, жирность и отсутствие подчёркивания. Это удобный способ описать общее оформление для разных элементов интерфейса.
Если часть элементов должна отличаться, мы задаём им общий базовый стиль группой, а затем дополняем или переопределяем его отдельными правилами.
В этом примере .btn-primary и .btn-secondary делят общие отступы и скругление углов, а отличия (цвет фона и текста) описаны в отдельных, не сгруппированных правилах. Такой подход сочетает переиспользование кода с гибкостью настройки внешнего вида отдельных элементов.
Отметьте свой прогресс