Css 以较少的时间悬停和活动状态

您可以将活动状态添加到与[less]中的悬停状态相同的行上，还是必须嵌套在单独的行上

例如：

无标准

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

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

如何做到这一点

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；]我尝试过：[&:hover；&:active；]但它似乎不起作用。

实际上可以，而且只要定义

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

---

很晚了，我的愚蠢告诉我去睡觉

多汁的编剧赢了，我输了，因为后面的编码错误

但是是的

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

---

答案是。

是的，我在mixins.less文件中这样做了。谢谢，多汁。时间不早了，我的代码出了错误。@JuicyScript检查了他的接受勾号，以表示您的感谢，他得到了我的+1。所以我认为没有必要重新发布答案。但很高兴你成功了。晚安^_^