1. 程式人生 > >阿里字型圖示iconfont在偽元素裡面使用方法

阿里字型圖示iconfont在偽元素裡面使用方法

首先我們知道iconfont字型圖示程式碼如 

程式碼分解: 字型圖示由 &# x 以及 四個數字\字母 組成;

工作原理: 其中&#表示這是字元實體x表示這是十六進位制,剛好偽元素的content接受的也是十六進位制的Unicode編碼,

解決辦法: 所以 &#xe601 寫成 \e601;

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

 

順便說一句"無關緊要"的話: 頁面切記避免大量gif,使用字型圖示加css動畫完成;