css html entity



当链接悬停在以下css上时,我正试图使用css添加一个html实体(→→):

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

但是输出只是→,而不是→。使用十进制(8594)或实体(rarr)时也会出现同样的问题。

如何在css中包含HTML实体?

#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

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

如果您有一个外部样式表,就不能使用HTML实体。只需放入字符本身("→"),并使用.css文件的字符集进行正确编码。或者,您可以使用Unicode转义序列,例如"2192"(十六进制值8594)。

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

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

相关内容

  • 没有找到相关文章

最新更新