重用 CSS 类更改一些属性

我认为你的修饰语用错了--在这种情况下，修饰语应该是小的和大的.

我会从一个基类开始，然后用修饰符更改位

&__logo {
  color: $white;
  display: block;
  max-width: 3rem;
  
  &-link {
    display: flex;
    flex-direction: row;
    height: 3rem;
    width: 3rem;
    
    &--big {
      height: 6rem;
      width: 6rem;
    }
  }
  
  &--big {
    max-width: 6rem;
  }
}

a normal logo would look like this:
<a href="class__logo-link"><img class="class__logo"></a>

a big logo would look like this:
<a href="class__logo-link class__logo-link--big"><img class="class__logo class__logo--big"></a>

如果您的html的 struct 类似于上面，您可能只想将修饰符放在链接上，那么您可以这样做

&__logo {
  color: $white;
  display: block;
  max-width: 3rem;
  
  &-link {
    display: flex;
    flex-direction: row;
    height: 3rem;
    width: 3rem;
    
    &--big {
      height: 6rem;
      width: 6rem;
      
      .class__logo {
         width: 6rem;
      }
    }
  }
}

a normal logo would look like this:
<a href="class__logo-link"><img class="class__logo"></a>

a big logo would look like this:
<a href="class__logo-link class__logo-link--big"><img class="class__logo"></a>