CSS コンテンツ値で Unicode 文字を使用するにはどうすればよいですか?

CSS コンテンツ値での Unicode 文字の使用

CSS では、content プロパティを使用して要素にテキストまたはアイコンを挿入できます。 Unicode 記号を使用する場合、正しく解釈されるようにエスケープする必要があります。

問題:

下矢印に Unicode 文字 ↓ を使用したいと考えています。 、CSSで。ただし、HTML エスケープ コード ↓ CSS では機能しません。

解決策:

CSS で Unicode 文字を使用するには、次の 2 つの方法があります。

1. UTF-8 エンコーディング

CSS ファイルを UTF-8 エンコーディングとして保存します。これにより、エスケープせずに Unicode 文字を CSS ファイル内で直接使用できるようになります。例:

nav a:hover:after {
    content: "↓";
}

2. 16 進数のエスケープ

UTF-8 エンコードが不可能な場合は、16 進数のエスケープを使用できます。一般的な形式は 00000 から FFFFFF で、各 16 進数は Unicode 文字のビットを表します。例:

nav a:hover:after {
    content: "93";
}

補足:

• 16 進エスケープを使用する場合、Unicode 文字が最後の文字である場合は、先頭のゼロを省略できます。文字列またはその後ろにスペースを追加した場合。
• Unicode 文字が許容範囲外の場合(例: U 10FFFF 以上)、ユーザー エージェントはそれを置換文字 (U FFFD) に置き換えることができます。

以上がCSS コンテンツ値で Unicode 文字を使用するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。