設置正常和懸停風格與SASS

Question

這似乎是一個基本問題，但我無法找到答案的任何地方。如何爲SASS鏈接設置常規和懸停樣式？

我想控制所有鏈接的默認和懸停樣式在一個地方，並能夠通過這個'變量'（或任何正確的單詞）到整個我的CSS不同的選擇器。

與下面的代碼類似，但我想控制第一行的默認和懸停樣式。所以後來如果我想讓這些鏈接有一個：主動式，我可以在頁面頂部添加一次。

$primary-color: #333; 

.some-class { 
    color: $primary-color; 
} 

.some-class-other-class { 
    color: $primary-color; 
} 

Answer 1

這工作：

@mixin style-1 { 
    background: red; 
    &:hover { 
     background: $blue 
    } 
} 

.something { 
    @include style-1; 
} 

.something-else { 
    @include style-1; 
} 

.something-else-again { 
    @include style-1; 
} 

Answer 2

你可以試試：

a{ 
    &:link, &:hover{ 
     color: $primary-color; 
    } 
    &:active{ 
     color: $other-color; 
    } 
}