Question

我有<meta charset="UTF-8">的HTML，并希望将黑色右指针添加到span::before，但它不起作用。

如果我只是将＆amp;＃x25ba放到html中，我会看到指针。但是content我看到了不同的问题。我试着content: '►'; - 它显示出奇怪的符号。

也不起作用'&#x25ba'，'\&#x25ba'，'\x25ba'，'\#x25ba'，'\9658'和其他组合。我可以使用背景图像或类似的东西，但我不想这样做。

也许你知道我做错了什么？谢谢你的帮助！

Answer 1

►是右箭头的unicode

25B6或25BA是右箭头

的十六进制

在CSS中，你需要在使用它时转义十六进制，参见工作示例

e.g。

span::before {
  content: '\25B6';
}

#span-2::before {
  content: '\25BA';
}

<meta charset="UTF-8">

<span> Right Pointing Arrow</span>
<br><br>
<span id="span-2"> Another right pointing arrow</span>

<p>&#9658; Unicode Right pointing arrow in HTML</p>

如何在:: before伪元素中使用字符代码

1 个答案: