css - 如何使用 字体图标(Glyphicons) ？

问题描述

问 题

在学习使用 字体图标(Glyphicons) 的过程中，说明里写的是这样子写
<span class="glyphicon glyphicon-search"></span> 就可以使用图标
但是我在查看别人源码时发现，还要写
.glyphicon-search:before { content: "\e003"; }
这样就混淆了，为什么还要写后面这句代码？前面一句使用就能显示所要的图标。
另外后面这句为什么用 :before，能不能改成 :after ?

解决方案

因为图标字体是把图标看成一个自定义的字符，所以需要指定unicode码位，在这里就是\e003。

如果你这么写<span class="glyphicon">&#x0e003;</span>就不需要写那一段CSS了。

改成:after也是可以的吧

这篇关于css - 如何使用 字体图标(Glyphicons) ？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！