我的网站使用bootstrap
+font-awesome
并且我正在尝试在我的site.less
文件中创建一个“别名”:
.icon-domain { .icon-fire; }
.icon-group { .icon-tags; }
我这样做的原因是因为我的网站上有一个“域”实体,将来我可能会更改图标,所以我不想直接使用 HTML 中的“火”图标。
该icon-group
课程适用于我的代码,但icon-domain
没有。据我所知,这是因为 font-awesome 实际上icon-group
在其代码中有一个类。据我了解,lesscss
我可以在另一个类中包含一个类,以将它们组合成一个新类,但它在这里根本不起作用。
如果我在我的site.less
:
.icon-domain { &:before { content: "\f06d"; } }
但这并不理想,因为我必须自己定义内容并且使用.icon-domain { .icon-fire; &:before; }
是语法错误。有没有办法使这项工作正常进行?