SASS Mixin：仅当类位于链接上时应用悬停样式？

我正在尝试使用混音器设置一组背景色。如果将类指定给链接元素，我还希望对这些背景色应用悬停样式：

@mixin bg-color($color) {
   background-color: $color;
   &[ifthisisalink] {
     &:hover {
        background-color: darken($color, 10%);
     }
   }
}

   .bg-blue {
      @include bg-color(blue);
   }

因此，如果在普通div上有

.bg blue

，则没有悬停颜色。但是如果链接上有

.bg blue

，则会出现悬停颜色：

<div class="bg-blue">Hover on me and nothing happens.</div>
<a href="#" class="bg-blue">Hover on me and I go darker.</a>

在我身上悬停，什么也没发生。

---

这在SASS中可能吗？

您需要根目录下的

@

：

@mixin bg-color($color) {


 background-color: $color;
    @at-root {
       a#{&} {
          &:hover {
             background-color: darken($color, 10%);
          }
       }
    }
 }

 .bg-blue {
    @include bg-color(blue);
 }

---

精彩的。谢谢