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 selector 会有所帮助：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);
}