CSS：在Pilcrow標記之前

我試圖在元素之前添加一個pilcrow（¶）符號。此代碼僅適用於Safari。出現了偷渡者。CSS：在Pilcrow標記之前

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

如果我更換\ B6 \以字母或任何文本或數字

content:"My Text";

文本正確顯示在Firefox，Mac和PC，但沒有運氣與IE瀏覽器在所有。

感謝您的任何幫助。

2011-11-26 glebski

+1教我什麼符號的名稱。 – nickf

根據[MSDN]（http://msdn.microsoft.com/en-us/library/cc351024%28VS.85%29.aspx#pseudoelements）'：before'僅在IE 8中受支持。 – Richard

nick有一個非常有趣的文章在這裏pilcrow和其他標點符號：http://www.shadycharacters.co.uk/2011/02/the-pilcrow-part-1/ – glebski

更改內容如下：

content: '\00b6'

看來你必須指定完整的4個位數。

而且，爲什麼它不能在IE瀏覽器：

（這是Richard的答案，然後將其刪除）

的:before選擇最近才支持。 According to MSDN:before在IE 8

2011-11-26 12:30:19 nickf

謝謝。我已經把它放在了網站上。似乎在任何地方都可以使用，但IE7仍然沒有運氣。 – glebski

IE7不支持：之後＆：之前，但你可以使用這個黑客http://css-tricks.com/snippets/css/clear-fix/ – sandeep

@sandeep你的鏈接有什麼幫助？ – Bojangles

只支持在:after & :before我們用十六進制special characters。

像這樣：

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

這裏是一個特殊字符表和它們對應的十六進制的http://css-tricks.com/snippets/html/glyphs/

2011-11-26 12:41:00 sandeep

回答