html - 如何使用 css 的 content 属性添加 html 特殊字符（右箭头）？

Question

我正在尝试使用其代码添加 html 特殊字符。当我在我的 div 中使用它时它工作正常，但我如何使用 css 来做到这一点。

我试过如下。

.right-arrow:after {
    content:'&#9658'
}

编辑

Matt Ball 的答案中没有我想要的，因为我想要右箭头的代码，而在那个问题中，只有下箭头的代码。所以它不是重复的。

score 81 · Accepted Answer

特殊字符与伪元素的作用略有不同。您不能在 CSS 中使用 HTML 实体，但可以使用 Unicode 十六进制转义。这是一个将特殊字符的数值转换为 CSS 值的工具。

例如&#9658需要\25BA

工作示例：

.right-arrow:after {
    content:'\25BA'
}

score 3 · Accepted Answer

<div class="right-arrow">Arrow</div>
.right-arrow:before {
    content:'\25BA';
}

2 回答 2