2012-05-16 15 views
13

例の問題を動作していないよう:http://jsfiddle.net/6WYXk/最初の文字を選択する方法はありますか? :最初の文字が

私はいくつかのHTMLを持っている:<p>% hello world</p>

私は%を太字にしたいです。これを行うには通常、私はCSSでこれを記述します。

p:first-letter 
{ 
    font-weight: bold; 
}​ 

しかし H大胆%になるという。

理想的には私が実際に:first-character

+1

+1興味深い問題+ –

+2

興味深いことに、ブラウザは "%h"を手紙と見なします。 –

+4

実際にはブラウザに依存しているようです - Firefoxは太字ではなく、ChromeとSafariは "%h"を太字にします。 Operaだけが "%"を太字にしました。 (IEについてはわかりませんが、いくつかの互換モードに入り、jsfiddleページを全くレンダリングできませんでした:) –

答えて

10

のpsudeoセレクタが欲しい、それは奇妙です。他のシンボルの文字に対しても機能しません。同様の問題が議論されましたelsewhere on SO

あなたはこのような何かを試してみてください:

<p>hello world</p> 
p:before { content:"%"; font-weight: bold; padding-right: 5px;} 

Try it yourself…

+0

[':first-letter'仕様の定義](http://www.w3.org/TR/CSS2/selector.html#firstletter)への参照を見つけてください。これらの文字クラスへの直接の参照。 (最終的な "Pf"と "他の"(Po)の句読クラス)、 – Nightfirecat

+1

@Nightfirecat最終バージョンは以下の通りです。 http://www.unicode.org/Public/UNIDATA/UnicodeData.txtにありますが、1メガバイト以上のプレーンテキストであり、読みにくいことに注意してください。 –

関連する問題