SASS-如何为两个类别（除了一个属性）分配相同的样式？

Question

我有一个SASS样式表，我想为两个类（.class和.otherclass）分配相同的样式，除了一个属性（之前：）应为.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);
}