2013-05-17 3 views
8

Можете ли вы добавить активное состояние в ту же строку, что и состояние зависания, в [меньше] или оно должно быть вложенным в отдельные строки линии?Наведение и активные состояния меньше

пример:

стандарт менее

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

каким-то образом сделать это

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

Я пробовал: [&: парить, &: активный;] Я 'try try: [&: hover; &: active;] но он, похоже, не работает.

ответ

13

На самом деле да, вы можете, и второй вариант, который вы предоставили правильный, пока вы определяете @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; 
} 
+0

Да, я сделал это в моем файле mixins.less. Благодаря Соки. Уже поздно, и я делаю ошибки с моим кодом. – Tyrone

1

Это поздно, и моя глупость говорит мне идти в кровать.

Juicy Scripter Получите выигрыш, я получаю проигрыш за ошибки при кодировании.

Но да,

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

ответ.

+1

@JuicyScripter получил отметку о своем признании, признав вашу признательность, и он получил мой +1. Поэтому я не думаю, что существует реальная потребность в повторном ответе. Но рад, что ты заработал. Спокойной ночи^_ ^ –

Смежные вопросы