Css наследование

[minvareg 0]

Добрый день!

Как сделать наследование при описании класса? Именно при описании, а не родитель -дочерний элемент.

Т.е. есть div.Class1 {тут куча всего}

Этот класс не используется напрямую, но от него наследуются два класса, т.е. должно получится

div.Class2 {border: 1px solid red;} + то, что я определил в Class1 

div.Class3 {border: 1px solid black;} + то, что я определил в Class1

Т.е. Class 1 сделан чтоб просто чтоб не дублировать одно и тоже при описании Class2 и Class3

Надеюсь, суть вопроса ясна 🙂

Спасибо

[Igor Schnaider 167]

Можете попробовать использовать пользовательские свойства:

.component {
  border: 1px solid var(--theme-main-color);
}

.component_type_warning {
  --theme-main-color: red;
}

.component_type_success {
  --theme-main-color: green;
}

 

[klierik 427]

[Int 238]

Классы не запрещается использовать группой:

<div class="class1 class2 class30">

В LESS и SCSS помимо миксинов есть :extend и @extend, если хочется одним классом обойтись