悬停和活动状态较少

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

我试过了:[&:hover,&:active;]我试过了:[&: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;
}