你可以在[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;]但它似乎不起作用.
解决方法
实际上是的,你可以,只要你定义@ 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;
}
