我使用Font Awesome获取了一些按钮图标。它有很多不同的图标,你可以这样引用它们:
<a href="#" class="fa-home"></a>
但是,我想将它包装到我自己的CSS属性中(基本上,为了更简单的命名),如:
.home-button {
<!-- return "fa-home" property here -->
}
Font Awesome使用镶边字体的一个示例是:<i class="fa fa-quote-left fa-3x fa-pull-left fa-border"></i>
所以我有效地将这些不同的选项包装到我自己的css属性名称中,比如'.icon-button-bordered'
,并以某种方式导入Font Awesome类。
是否有可能在CSS中做这样的事情?