SASS - Как я могу назначить два класса одного стиля, кроме одного свойства?

Question

У меня есть таблица стилей SASS, и я хочу назначить одинаковые стили для двух классов (.class и .otherclass), за исключением одного свойства (before :), которое должно иметь другое значение для .otherclass.

Это код, который у меня сейчас есть:

.class, .otherclass {

    p { font-family:arial;
         &before: 
              @extend .class-one {}
    }

    ~ .extraclass {}
}

Спасибо

Answer 1

Честно говоря, я не уверен, почему вы не хотите писать два разных селектора или просто перезаписывать какое-то свойство во втором. Например,

.class1, .class2, .class3 {
  
  &:before{
    content: 'class';
  }
}

.class2:before {
  content: 'class2';
}

Возможно использование: not селектор будет полезным: https://www.w3schools.com/cssref/sel_not.asp

.class1, .class2, .class3 {
  &:before {
    content: 'class'
  }
  &:not(.class1):before{
    content: 'class23'
  }
}

Answer 2

Пожалуйста, попробуйте выглядеть следующим образом:

.test{
  $color:#f00;
}
.demo{
  &:extend(.test);
}