将悬停和活动状态减少

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;}  
} 

就是答案。