twitter-bootstrap - 使用 bootstrap + font-awesome 减少 CSS "alias"

Question

我的网站使用 bootstrap + font-awesome我正在尝试在我的 site.less 中创建一个“别名”文件:

.icon-domain { .icon-fire; }
.icon-group  { .icon-tags; }

我这样做的原因是因为我的网站上有一个“域”实体，将来我可能会更改图标，所以我不想直接使用 HTML 中的“火”图标。
icon-group类(class)适用于我的代码，但 icon-domain才不是。据我所知，这是因为 font-awesome 实际上有一个 icon-group类在其代码中。据我了解 lesscss我可以在另一个类中包含一个类，以将它们组合成一个新类，但它在这里根本不起作用。

如果我在我的 site.less 中执行此操作，我可以让它工作。 :

.icon-domain { &:before { content: "\f06d"; } }

但这并不理想，因为我必须自己定义内容并使用 .icon-domain { .icon-fire; &:before; }是语法错误。有没有办法使这项工作正常进行？

Answer 1

您需要将 Font Awesome CSS 导入您的 LESS 文件和 let LESS process it .

没有它，LESS 将无法检测到您尝试使用的类。