CSS:在Pilcrow标志之前

时间:2011-11-26 12:27:12

标签: css

我正在尝试在元素之前添加一个pilcrow(¶)符号。此代码仅适用于Safari。这个十字架出现了。

.ydss-comment:before
{ 
content:"\B6\";
color:red;
font-size:1.5em;
}

如果我用字母或任何文字或数字替换\ B6 \

content:"My Text";

文本在Mac和PC上都可以在FireFox中正确显示,但IE没有运气。

感谢您的帮助。

2 个答案:

答案 0 :(得分:4)

将内容更改为:

content: '\00b6'

似乎您必须指定完整的4位数字。

另外,关于它在IE中不起作用的原因:

(这是Richard的答案,后来被删除了)

  

最近才支持:before选择器。仅在IE 8中支持According to MSDN :before

答案 1 :(得分:0)

:after& :before我们对special characters使用十六进制。

像这样:

.ydss-comment:before
{ 
content:"\00b6";
}

以下是特殊字符及其对应的十六进制值http://css-tricks.com/snippets/html/glyphs/

的表格