我的网站使用bootstrap + font-awesome，我正在尝试在site.less文件中创建“别名”：
.icon-domain { .icon-fire; }
.icon-group { .icon-tags; }
我这样做的原因是因为我的网站上有一个“域”实体，我可能会在将来更改图标，所以我不想直接使用HTML中的“fire”图标。
icon-group类适用于我的代码但icon-domain不适用。据我所知，因为font-awesome在其代码中实际上有一个icon-group类。根据我对lesscss的理解，我可以在另一个类中包含一个类，将它们组合成一个新类，但它根本就不能在这里工作。
如果我在site.less：
.icon-domain { &:before { content: "\f06d"; } }
但这并不理想，因为我必须自己定义内容，使用.icon-domain { .icon-fire; &:before; }是语法错误。反正有没有让这项工作正常进行？
答案 0 :(得分：1)
您需要将Font Awesome CSS导入LESS文件和let LESS process it。
没有它LESS将无法检测到您尝试使用的类。
答案 1 :(得分：0)
您需要包含足够的引导程序依赖项：
@import "bootstrap/variables.less";
@import "bootstrap/mixins.less";
@import "bootstrap/sprites.less";
.icon-domain { .icon-fire; }
.icon-group { .icon-tags; }