2014-12-03 130 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