CSS图标，我可以将一个类翻译成另一个类

Question

我正在Django中构建一个应用程序，我已经在我的div中添加了一些类来指示cetrain状态 - 通过，失败，等待。

<div class="pass data-sent">content</div>

选择了这些类名，因为它们代表了我希望在应用程序中指出的特定状态。

现在我遇到了一组我想要使用的图标 -

http://ionicons.com/

这些图标似乎是通过将类添加到div中来添加的，例如

<li class="icon-alert-circled"></li>

有没有办法可以＆＃34;翻译＆＃34;我的失败＆＃39;上课到＆＃39; icon-alert-class＆＃39;显示此图标？

（github页面使用Sass构建指令 - 我可以用这种方式重命名图标/类名吗？）

Answer 1

不，你不能＆＃34;进口＆＃34;一个规则到另一个规则（除非您将所有离子风格粘贴到您自己的样式中以便SASS解析它们），但您可以应用与规则相同的样式。您可以查看规则使用的内容，但基本上您只需要字符，字体和大小：

.fail {
  font-family: Ionicons;
  font-size: 32px;
}
.fail:before {
  content: ""
}