2011-03-07 55 views
6

我目前正試圖將一些HTML傳入:在CSS後的僞類之後,在鏈接懸停之後添加箭頭。我很早以前就看到過在WordPress的主題中用過默認安裝的方式完成的。我覺得我必須錯過簡單的東西。在CSS中使用HTML之後懸停狀態的標記

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

提前致謝!

回答

7

您需要使用十六進制值\00BB

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

+0

感謝達斯汀!我知道這很簡單。 – jeffreynolte 2011-03-08 00:10:00

+3

漂亮的小工具可以轉換爲你:http://www.evotech.net/articles/testjsentities.html – 2011-03-08 00:15:14

+0

甜美。再次感謝。 +1。 – jeffreynolte 2011-03-08 00:26:14

1

你要找的,我想:

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

JS Fiddle demo

鏈接參考:http://css-tricks.com/snippets/html/glyphs/

+0

是否有一個特殊原因需要使用十六進制值而不是'»'? – Yahel 2011-03-08 00:09:44

+0

老實說,我不知道爲什麼CSS依賴於這種字符編碼方法,但'特殊原因'是它以這種方式工作。這是一個糟糕的,不好的,無益的答案... – 2011-03-08 00:31:11