2011-03-07 54 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