Can you use HTML entities in the CSS “content” property? [duplicate]

Question

I would like to use HTML entities in CSS, but it shows me the • instead.

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

Also, why does the above code not work in IE? it does not show the before part at all.

Answer 1

put hex value of your bullet specail character like this

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

check this fiddle http://jsfiddle.net/sandeep/HPrkU/1/

NOTE: after & before work in IE8

Answer 2

I'm guessing you want the actual • character displayed, if so simply use the • character instead of •.

Example: http://jsfiddle.net/rmjt8/

Edit: I found another thread: How can I include a HTML-encoded "content:" character in CSS?

Perhaps this will validate:

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