当链接悬停在以下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";
}