CSS class inheritance

Question

字体 很棒的CSS样式允许创建加载轮。例如，添加这些类 FA FA-COG FA-SPIN FA-3X FA-FW。但是，我希望在我们的项目样式中使用 my-spinner 类，该类将从上述所有样式继承。因此，在我们的项目中，我们只会向元素添加一个类，以获得始终的微调器而不是 5。我们正在使用更少。有没有办法定义一个将从这 5 个继承的类？

谢谢

斯坦

Answer 1

您需要将 FontAwesome CSS 导入为 LESS。(不要忘记设置字体的路线。

少：

@import (less) "../css/font-awesome.min.css";
.spinner-cog {
  &:extend(.fa, .fa-spin, .fa-3x, .fa-fw);
  &:before {
    &:extend(.fa-cog:before);
  }
}

.HTML：

<i class="spinner-cog"></i>

代码笔示例：https://codepen.io/davidtovt/pen/QvJzjy