Hover e stati attivi in ​​meno

Question

È possibile aggiungere uno stato attivo sulla stessa riga di uno stato al passaggio del mouse in [meno] o deve essere annidato su linee linee separate?

esempio:

standard di meno

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

in qualche modo per fare questo

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

ho provato: [&: hover, &: attiva;] I ho provato: [&: hover; &: attivo;] ma sembra non funzionare.

Answer 1

In realtà sì, è possibile, e la seconda variante che hai fornito è corretto finché si definisce la variabile @primary-color:

@primary-color: #f00; 
@black: #000; 

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

produrrà:

nav { 
    color: #000000; 
    display: block; 
} 
nav:hover, 
nav:active { 
    color: #ff0000; 
} 

Answer 2

E 'tardi e la mia stupidità mi dice andare a letto.

Juicy Scripter ottenere è la vittoria, ottengo la perdita per errori di codifica posteriore.

Ma sì,

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

è la risposta.