Using HTML in CSS After Tag for Hover State

Question

I am currently trying to pass in some html into the the :after pseudo class in css to add an arrow after a link once hovered on. I have seen this done quite some time ago in the stock WordPress theme that used to ship with the default install. I feel like I must me missing something simple.

a:hover:after{content: "»"}  

thank in advance!

Answer 1

You need to use the hex value \00BB.

http://jsfiddle.net/durilai/AGDbH/

Answer 2

You're looking for, I think:

a:hover:after
{
content: "\00bb";
}

JS Fiddle demo

Link to reference: http://css-tricks.com/snippets/html/glyphs/