Zawieszanie i stany aktywne w mniej

Question

Czy można dodać stan aktywny w tym samym wierszu, co stan aktywowania w [less] lub czy musi on zostać zagnieżdżony w osobnych wierszach linii?

przykład:

norma mniej

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

jakoś to zrobić

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

ja próbowałem: [&: hover, &: aktywny;] I 've tried: [&: hover; &: active;] ale wydaje się nie działać.

Answer 1

Właściwie tak można, a drugi wariant jest prawidłowy, o ile można zdefiniować @primary-color zmiennej:

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

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

będzie produkować:

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

Answer 2

Jest późno i moja głupota mi mówi iść do łóżka.

Juicy Scripter Wygraj, dostaję stratę za błędy w kodowaniu wstecz.

Ale tak,

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

jest odpowiedzią.