阿里字体图标iconfont在伪元素里面使用方法

版权声明:转载请注明出处链接! https://blog.csdn.net/qq_40259641/article/details/83043352

首先我们知道iconfont字体图标代码如 

代码分解: 字体图标由 &# x 以及 四个数字\字母 组成;

工作原理: 其中&#表示这是字符实体x表示这是十六进制,刚好伪元素的content接受的也是十六进制的Unicode编码,

解决办法: 所以 &#xe601 写成 \e601;

.down::after {
    content:  "\e604";
}

顺便说一句"无关紧要"的话: 页面切记避免大量gif,使用字体图标加css动画完成;

猜你喜欢

转载自blog.csdn.net/qq_40259641/article/details/83043352