我可以为css类创建别名吗？
我正在使用这个字体很棒,我正在尝试为某些图标类创建一个别名.所以.icon-globe也会调用.globe.
我怎么能完成这样的事情呢？
解决方法
没有别名这样的东西. Sass确实有@extend指令,但在你查看源代码之前,解决方案并不完全明显.
资料来源：https://github.com/FortAwesome/Font-Awesome/blob/master/sass/font-awesome.scss
[class^="icon-"]:before,[class*=" icon-"]:before {
font-family: FontAwesome;
font-weight: normal;
font-style: normal;
display: inline-block;
text-decoration: inherit;
}
// snip
.icon-globe:before { content: "\f0ac"; }
即使你制作.globe扩展.icon-globe,你也会错过大部分构成FontAwesome样式的东西,因为它们是如何构建选择器的.您还必须扩展其他选择器.
.globe {
@extend .icon-globe;
@extend [class^="icon-"];
}
产生：
[class^="icon-"]:before,.globe:before,[class*=" icon-"]:before {
font-family: FontAwesome;
font-weight: normal;
font-style: normal;
display: inline-block;
text-decoration: inherit; }
.icon-globe:before,.globe:before {
content: "\f0ac"; }
请注意,icon-前缀是故意的.您可以通过这种方式获得较小的CSS文件,而不是将所有这些样式附加到FontAwesome附带的所有~200个类中.你可以做到,但我不认为结果非常好.
