inheritance - 在 SCSS 中包含另一个类

Question

我的 SCSS 文件中有这个:

.class-a{
  display: inline-block;
  //some other properties
  &:hover{
   color: darken(#FFFFFF, 10%);
 }  
}

.class-b{

 //Inherite class-a here

 //some properties
}

在b类中，我想继承a类的所有属性和嵌套声明。这是怎么做到的？我尝试使用 @include class-a，但这只会在编译时引发错误。

Answer 1

看起来像这样的简单案例不需要 @mixin 和 @include 。

人们可以这样做:

.myclass {
  font-weight: bold;
  font-size: 90px;
}

.myotherclass {
  @extend .myclass;
  color: #000000;
}