悬停和活动状态较少

Question

你可以在[less]中在悬停状态的同一行添加一个活动状态，还是必须嵌套在不同的行上？

示例：

标准少

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

以某种方式执行此操作

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

我试过了：[＆amp;：hover，＆amp;：active;]我试过了：[＆amp;：hover; ＆amp ;: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;}    
}

答案是否正确。