2015-11-02 134 views
1

我是新的LESS,我正在努力解決問題。這是我的問題,比如我有一個較小的文件,看起來像這樣遇到困難

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(){...}我ñ我的實際網頁,而不是style.less或我什至做一切正確。順便說一句,我是新來的,所以請提前感謝我。

+1

在我的實際頁面*中,不明白你的意思是什麼*'.FontAttr(){}'。如果你的意思是把'FontAttr'分配給一個元素,那麼這是不可能的。如果你的意思是把整個東西寫在你的頁面的'style'標籤內,那麼它是可能的,但不推薦,因爲它需要客戶端編譯Less代碼。 – Harry

+0

@Harry,我在實際的頁面上,使用.FontAttr(){..}的意思是說,而不是寫.fakelinkfont {.FontAttr(紅色,粗體,14px的); }在我style.less我可以寫在我的實際網頁,而不是在style.less –

+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文件,但我不會推薦在生產中使用它。