2011-03-07 4 views
6

현재 CSS에서 after : pseudo 클래스에 html을 전달하려고 시도 중입니다. 링크를 클릭 한 후 화살표를 추가하려고합니다. 나는 이것을 기본 설치물과 함께 제공되는 주식 WordPress 테마에서 꽤 오래 전에 보았습니다. 나는 내가 뭔가를 놓치고있는 것처럼 느껴진다.CSS에서 HTML을 사용하여 호버 상태에 대한 태그 사용

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

미리 감사드립니다!

답변

7

16 진수 값 \00BB을 사용해야합니다. 당신이 찾고있는

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

+0

감사 더스틴! 나는 그것이 단순한 무엇인지 알았다. – jeffreynolte

+3

당신을 위해 변환 할 멋진 작은 도구 : http://www.evotech.net/articles/testjsentities.html –

+0

달콤한. 다시 한번 감사드립니다. +1. – jeffreynolte

1

, 나는 생각 : 참조에

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

JS Fiddle demo

링크 : http://css-tricks.com/snippets/html/glyphs/

+0

'»'대신 16 진수 값을 사용해야하는 특별한 이유가 있습니까? – Yahel

+0

솔직히 CSS가 문자 인코딩 방식에 의존하는 이유를 모르겠지만 '특별한 이유'는이 방식으로 작동한다는 것입니다. 나쁜, 나쁜, 도움이되지 않는 대답은 ... –