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

Question

45

我想通过其代码添加HTML特殊字符。当我在div内使用时，它可以正常工作，但是如何在CSS中实现呢。

我尝试了以下方法。

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

编辑

Matt Ball的回答中没有我想要的右箭头代码，在那个问题中只有向下箭头的代码。因此它不是重复的。

- Jay Shukla

3

http://www.w3.org/International/questions/qa-escapes - Quentin

2个回答

4

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

- Vikas Ghodke

2

是的，我现在也有转换器了 :) - Mr. Alien

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- koningdavid · Accepted Answer

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

例如，&#9658需要变成\25BA

示例演示：

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