css - css html エンティティ

Question

→リンクが次のcssでホバーされているときに、cssを使用してhtmlエンティティ（→）を追加しようとしています：

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

しかし、出力は単に→→の代わりです。10 進数 (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"(16 進値 8594)。

Answer 3

これは、別の質問ですでに回答されています。ソリューションに従って、CSS コンテンツ プロパティでエスケープされた Unicode を使用する必要があります。

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