如何从网站复制非打印伪内容（这是什么字符）

Question

在this website的左上角"National Menu"旁边有一个白色的向下的小胡萝卜。当我用 chrome 和 firefox 检查 :after 元素时， content 只是一个空的白框。复制该内容似乎没有用，而且我也无法从 main.css 样式表中获取它。我想知道如何复制那个胡萝卜，而且我很想知道将来如何处理这种情况。

Answer 1

它是 char 59401，但魔法在于字体

font-family: 'fontello';

http://fontello.com/

那个特定的图标是http://fontello.com/#search=angle,down

关于以后怎么处理，有很多字体是图标。它们使使用基于矢量的图标变得简单，并且可以像任何其他字体一样着色。当你看到类似

的东西时

<i class="NameOfLibrary NameOfLibary-IconName"></i>

它通常是一种图标字体，您可以在其中查找类

如果图标已集成到主样式表中但找不到类，请检查 ::after 并找出它使用的字体，然后查找

一些流行的图标字体 http://fontawesome.io/icons/ http://glyphicons.com/

如何从网站复制非打印伪内容（这是什么字符）

How to copy non-printing pseudo content from a website (what character is this)

html

non-ascii-characters

google-chrome-devtools