菜单栏左边那些小图标是怎么获取的？

Question

请教大家，如题

Answer 1

Dolly_Zhang 2020-04-23 22:46:44

是在css中使用了::before伪元素。比如选择器写成#hello::before，就会在id为hello的元素前方添加before这个伪元素。

#hello::before{
    content: '-'
}

上面代码就会在id为hello的元素前方添加 -。

老师的源码是：

.health {
  &:before {
    content: "\e628";
  }
}

这个"\e628"用的是字体图标。可以在FontAwesome这个网站了解。

• 提问者 oreson #1

  谢谢你

Answer 2

彬十二 2020-04-25 20:53:28

除了一楼这种方法，还可以使用::before ::after css设置一些图标或者外部引入背景图片，可以多去百度

• 提问者 oreson #1

  谢谢，我已经搜寻到字体图标（"\e628"）那了，但是不知道字符串的含义