你能在CSS“content”属性中使用HTML实体吗？

Question

我想在CSS中使用HTML实体，但它会向我显示•。

.down:before{
    content:"• ";
    color:#f00;
}

另外，为什么上面的代码在IE中不起作用？它根本没有显示出之前的部分。

Answer 1

将你的子弹特殊字符的十六进制值设为这样

div:before{
    content:"\2022";
    color:#f00;
}

检查这个小提琴http://jsfiddle.net/sandeep/HPrkU/1/

注意：＆amp;在IE8工作之前

Answer 2

我猜你想要显示实际的•字符，如果是这样，只需使用•字符代替•。

示例：http://jsfiddle.net/rmjt8/

编辑：我找到了另一个帖子：How can I include a HTML-encoded "content:" character in CSS?

也许这会验证：

.down:before{
    content:"\2022 ";
    color:#f00;
}

Answer 3

假设您希望用户看到•，您可以简单地转义该序列，并给出：

.down:before{
    content:"\• ";
    color:#f00;
}

至于为什么它在IE7上不可见，那是因为IE不支持生成的内容或:before选择器。

编辑提供，要查看实际的子弹角色，您应该使用：

.down:before{
    content:"\2022";
    color:#f00;
}

JS Fiddle demo

Answer 4

你需要逃避你的实体：

.down:before{
    content:"\• ";
    color:#f00;
}

您无法在IE上看到它，因为IE doesn't support :before (not :after)