从导入的CSS文件继承属性

时间:2015-10-07 13:30:07

标签: html css

我使用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中做这样的事情?

1 个答案:

答案 0 :(得分:0)

可以使用CSS预处理器完成。例如,mixins功能在LESSSASS中,或在LESSSASS中扩展功能。