【问题标题】:Font-awesome Less CSS [duplicate]字体真棒少CSS [重复]
【发布时间】:2014-12-03 09:49:24
【问题描述】:

我正在使用 font-awesome less 来编译更少的文件,我遇到的问题是关于 font-awesome 中的类更少。 在我的 html 中,我有

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

我需要什么才能得到这样的东西

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

为了减少这样的课程

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

但它不能正常工作,编译是不可能的。

更新 只有这样才能做到这一点

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

【问题讨论】:

  • 为什么不能编译?有什么错误吗?
  • 它说只有 .fa-eye 没有定义

标签: css twitter-bootstrap less font-awesome


【解决方案1】:

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

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

【讨论】:

  • 已经试过不行 :(
  • 为什么这不起作用?尝试在您的 extends 中使用 all 关键字,这也扩展了嵌套的伪类。见lesscss.org/features/#extend-feature-extend-all-
  • 我已经扩展了我的 main.less 和所有不需要的东西
猜你喜欢
  • 2015-05-06
  • 2016-02-29
  • 1970-01-01
  • 2018-09-14
  • 2017-11-05
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2013-12-06
相关资源
最近更新 更多