css - css html 实体

Question

→当链接悬停在以下css上时，我正在尝试使用css添加一个html实体（ →）：

#menu1 a:hover:after {
  content: "→";
}

但输出只是→代替→。使用小数 (8594) 或实体 (rarr) 时也会出现同样的问题。

如何在 CSS 中包含 HTML 实体？

Answer 1

#menu1 a:hover:after {
  content:"\2192 ";
}​

工作示例： http: //jsfiddle.net/wCzUf/
更多详细信息 -您可以在 CSS“内容”属性中使用 HTML 实体吗？
HTML 实体列表 - http://en.wikipedia.org/wiki/List_of_XML_and_HTML_character_entity_references

Answer 2

这取决于您如何在 HTML 文件中包含 CSS。在内联样式表中，实体应该可以工作。

如果您有外部样式表，则不能使用 HTML 实体。只需输入字符本身 ( "→")，并使用 .css 文件的字符集正确编码。或者，您可以在您的情况下使用 Unicode 转义序列"\2192"（十六进制值 8594）。

Answer 3

这已经在另一个问题中得到了回答。根据解决方案，您需要在 CSS 内容属性中使用转义的 Unicode。

#menu1 a:hover:after {
  content: "\002192";  
}