使用:在css中的伪类之前插入特殊字符

Question

我正在玩:beforecss中的伪类,尝试插入一个特殊字符,但结果不是我所希望的.

使用:

.read_more:before {
    content: "»";
    margin-right: 6px;
}

我得到我想要的性格,但有一个Â前和使用字符:

.read_more:before {
    content: "&raquo;";
    margin-right: 6px;
}

我»在html页面上得到了完整版.

我可以想到几种方法来解决我的问题,但我想知道如果我想使用:before伪类,正确的语法是什么.

顺便说一下,我的文档类型是:

<!doctype html>
<html lang="en">

Answer 1

试试这个

.read_more:before {
    content: "\00BB";
    margin-right: 6px;
}

\ 00BB是该角色的unicode表示.它应该合理地工作=)

Answer 2

答案已经说明了,但我想参考:

我»在html页面上得到了完整版.

那是因为CSS content属性不被视为HTML.它不会附加到DOM,因此不会解析任何特定于HTML的标记.您可以直接插入字符:content: "?";或使用Unicode表示法:content: "\0504";.

Answer 3

尝试指定<meta charset="utf-8">.理想情况下,您希望在服务器中设置它.

Answer 4

我知道问题已经有一段时间了,但是如果有人现在需要它,我找到了解决方案.

这是一个包含大量字形的图表.找到你想要的那个并复制它的十六进制代码.

然后将其粘贴到此处进行转换.

你会得到一个如下所示的值:\ 00E1(CSS Value)

将此值粘贴到"内容:"并快乐:)