web-dev-qa-db-ja.com

疑似要素の前後のcssでユーロ記号を表示する方法

CSSに:beforeおよび:after疑似要素でユーロ記号(€)を表示させる方法がわかりません。

.my-span:after {
    content: '€';
}

記号u20AC、および%u20ACを試してみました。何も機能していないようです。

前もって感謝します。

12
Alan Piralla

CSSファイル(またはスタイルシートがHTMLファイル内にある場合はHTMLファイル)の宣言された文字エンコードが実際のエンコードと一致する場合、文字「€」をそのように使用すると機能します。

サーバーは通常CSSファイルの文字エンコードを指定しないため、ファイルをUTF-8エンコードとして保存するだけで十分ですwith BOM。 BOMを使用すると、ブラウザはエンコーディングを自動認識できます。

これが不可能な場合は、@ Alohciで説明されている方法を使用してください。'\20AC'。これは CSSエスケープ であり、文字エンコードとは独立して機能しますが、特に読みやすいわけではありません。

14

シンボルを使用できるはずです- http://jsfiddle.net/8Wz9B/

.my-span:after {
    content: '€';
}
8
Advocation