將懸停和活動狀態減少

Question

您可以在[更少]中將懸浮狀態添加到同一行上的活動狀態，還是必須將其嵌套在行分隔線上？

例如：

標準更少

nav { 
    color:@black; 
    display:block; 
    &:hover {color:@primary-color;} 
    &:active {color:@primary-color;}  
} 

某種方式做到這一點

nav { 
    color:@black; 
    display:block; 
    &:hover, &:active {color:@primary-color;}  
} 

我試着：[&：懸停，&：活性;]我已經嘗試過：[&：hover; &：active;]但它似乎不起作用。

Answer 1

其實是的，你可以，你提供的第二個變體是正確的，只要你定義@primary-color變量：

@primary-color: #f00; 
@black: #000; 

nav { 
    color: @black; 
    display:block; 
    &:hover, &:active {color:@primary-color;}  
} 

會產生：

nav { 
    color: #000000; 
    display: block; 
} 
nav:hover, 
nav:active { 
    color: #ff0000; 
} 

Answer 2

這晚，我的愚蠢告訴我去睡覺。

Juicy Scripter得勝是我的失敗，因爲後面的編碼錯誤。

但是，是的，

nav { 
    color: @black; 
    display:block; 
    &:hover, &:active {color:@primary-color;}  
} 

就是答案。