在CSS中使用HTML标记作为悬停状态后的效果

Question

我目前正在尝试将一些html传递到css的:after伪类中，以便在链接上悬停后添加箭头。我曾经在默认安装时使用的WordPress主题中看到过这样做。我觉得我可能错过了一些简单的东西。

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

thank in advance!

- jeffreynolte

Answer 1

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

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

- Dustin Laine

---

谢谢Dustin！我知道这只是一些简单的东西。 - jeffreynolte

方便的小工具，可以为您转换：http://www.evotech.net/articles/testjsentities.html - Dustin Laine

Answer 2

我想你正在寻找：

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

JS Fiddle演示

参考链接：http://css-tricks.com/snippets/html/glyphs/

- David Thomas

---

你需要使用十六进制值而不是 » 的特定原因吗？ - Yahel

说实话，我不知道为什么CSS要依赖这种字符编码方法，但“特定的原因”就是它以这种方式工作。这是一个糟糕、无用的回答…… - David Thomas