2014-12-03 136 views
0

我使用font-awesome less來編譯較少的文件,我遇到的問題是關於較少的font-awesome中的類。 在我的HTML我有Font-awesome Less CSS

<i class="fa fa-eye fa-lg" title="View"></i> 

什麼,我需要我得到這樣的事情

<i class="view" title="View"></i> 

而要meke這樣

i.view{ 
.fa; 
.fa-eye; 
.fa-lg; 
} 

不太類,但它不工作正確,編譯不是可能的。

UPDATE 只有讓位是這樣

i.view{ 
    .fa; 
    .fa-lg; 
&:before{ 
     content:@fa-var-eye; 
    } 
} 
+0

你爲什麼不能編譯?任何錯誤? – 2014-12-03 10:00:53

+0

它只對.fa-eye沒有定義 – 2014-12-03 10:02:41

回答

1

http://lesscss.org/features/#extend-feature

i.view{ 
&:extend(.fa); 
&:extend(.fa-eye); 
&:extend(.fa-lg); 
} 
+0

已經嘗試不起作用:( – 2014-12-03 09:54:36

+0

爲什麼不行?在你的擴展中嘗試使用'all'關鍵字,這也擴展了嵌套的僞類。請參見http:/ /lesscss.org/features/#extend-feature-extend-all- – 2014-12-03 09:59:08

+0

我已經放棄了我的主要任務 – 2014-12-03 10:03:15