2015-11-02 3 views
1

Я новый с МЕНЬШЕ, и я пытаюсь разобраться. Это мой вопрос, например, у меня есть меньше файл, который выглядит, как этотс трудностями с меньшим

style.less

.FontAttr(@f-color: red, @f-weight: bold, @f-size: 12px) { 
    color: @f-color; 
    font-weight: @f-weight; 
    font-size: @f-size; 
} 

от того, что я знаю, я могу использовать это, как это в style.less

.fakelinkfont { 
    .FontAttr(red, bold, 14px); 
} 

затем использовать .fakelinkfont как это в моей фактической странице

<div class="fakelinkfont">Some Characters</div> 

мой вопрос можно ли использовать .FontAttr() {...} я n моя фактическая страница, а не в стиле. или я даже делаю все правильно. Кстати, я новичок в этом, так что медведь со мной благодарит заранее.

+1

Не понял, что вы подразумеваете под * * .FontAttr() {} 'на моей фактической странице *. Если вы имеете в виду назначение «FontAttr» в качестве класса для элемента, это невозможно. Если вы имеете в виду написание всего тега в теге 'style' на вашей странице, тогда это возможно, но не рекомендуется, так как это потребует компиляции на стороне клиента из менее кода. – Harry

+0

@Harry, что я имею в виду при использовании .FontAttr() {..} на реальной странице, это то, что вместо написания .fakelinkfont {.FontAttr (красный, полужирный, 14px); } в моем стиле. Я не могу написать его на моей фактической веб-странице, а не в стиле. –

+0

http://lesscss.org/#client-side-usage – pawel

ответ

0

Вы не можете.

.fakelinkfont { 
    .FontAttr(red, bold, 14px); 
} 

получает компилируются:

.fakelinkfont { 
    color: red; 
    font-weight: bold; 
    font-size: 14px; 
} 

И это то, что браузер использует. Вы можете попробовать использовать файл client side less.js, но я бы не рекомендовал его использовать в процессе производства.

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