2013-08-12 12 views
36

私はそのコードを使ってhtml特殊文字を追加しようとしています。私のdivの中で使用するとうまく動作しますが、どうすればcssを使ってこれを行うことができます。CSSのコンテンツプロパティを使用してhtmlの特殊文字(右矢印)を追加するには?

私は以下のように試みました。

.right-arrow:after { 
    content:'&#9658' 
} 

DEMO

EDIT

私は右矢印のコードを望んでいたし、その質問にのみ下矢印のコードがあるので私が望んでいたことはマット・ボールの答えではありません。だからそれは重複しない。

+2

http://www.w3.org/International/questions/qa-escapes – Quentin

答えて

63

特殊文字は、擬似要素とは少し異なります。 CSSではHTMLエンティティを使用できませんが、Unicodeの16進エスケープを使用できます。特殊文字の数値をCSS値に変換するツールです。例えば

http://www.evotech.net/articles/testjsentities.html

&#9658\25BA

作業例にする必要がある:

http://jsfiddle.net/L6suy/

.right-arrow:after { 
    content:'\25BA' 
} 
+0

ありがとうございました。それはとても素敵です。 –

+2

ちょっとわかりやすい理由:CSSでHTMLエンティティを使うことはできませんが、Unicodeの16進エスケープを使うことができます –

+3

あなたが共有しているリンクのためにちょうどアップしました:) –

3
<div class="right-arrow">Arrow</div> 
.right-arrow:before { 
    content:'\25BA'; 
} 

See Demo Here

+2

さて、私は今コンバータを手に入れました:) –

関連する問題