2015-06-09 6 views
3

У меня есть МЕНЬШЕ переменную: @columns: 12Как передать МЕНЬШЕ переменную в имени класса

Я хотел бы передать эту переменную в CSS имя класса идеально, как: .one-{@columns}-inner {}

возможно ли это?

+0

Что вы имеете в виду, что не разобрать правильно? Как вы компилируете файлы? Вы получаете сообщение об ошибке? –

+0

'.one-{@columns}-inner {} '- Это не сработает, потому что есть ошибка, и' @ 'должен присутствовать вне фигурных скобок, но тот, который отвечает, должен работать, если вы не используете очень устаревшая версия компилятора. – Harry

+0

Это было хорошо сказано [pinturic] (http://stackoverflow.com/users/3790895/pinturic). Спасибо! – Blix

ответ

3

Просто вы можете сделать это следующим образом:

// Using variables 
[email protected]{columns}-inner { 
    color: black; 
} 
+0

Я пробовал это, и это не анализируется правильно. – Blix

+0

Это работает, но, к сожалению, я разбираюсь в less.js. Наверное, это проблема, которую я испытываю. – Blix

+1

Это зависит от версии компилятора (я думаю, что это версия 1.3 и обновлена ​​в 1.3.1). Я тестировал его здесь, и он работает: http://winless.org/online -less-compiler. Какая версия у вас есть? – pinturic

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