2012-05-16 12 views
13

Örnek sorunu çalışmak için görünmüyor: <p>% hello world</p>İlk karakteri seçmenin bir yolu var mı? : İlk harfli

ben% kalın yapmak istiyorum: http://jsfiddle.net/6WYXk/

Biraz html var. Bunu yapmak için genellikle CSS içinde yazarsınız:

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

Ancak ve saat cesur% yapar.

İdeal Bu garip, Nitekim :first-character

+1

+ 1 ilginç sorun + –

+2

Tarayıcı, "% h" harfini bir mektup olarak düşünürdü. –

+4

Aslında tarayıcıya bağlı görünüyor - Firefox hiçbir şeyi koyulaştırmıyor, Chrome ve Safari, "% h" yi koyulaştırıyor. Sadece Opera başarılı bir şekilde "%" yi sadece başarılı yaptı. (IE için bilmiyorum, bazı uyumluluk moduna gitti ve jsfiddle sayfasını hiç oluşturamadı :) –

cevap

10

bir psudeo seçici istiyorum. Diğer semboller için de işe yaramaz ve aynı sorun elsewhere on SO da tartışılmıştır.

Böyle bir şey denemelisiniz:

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

Try it yourself…

+0

Beni bulmakta zorluk çekmeme rağmen ['': first-letter' spec definition] (http://www.w3.org/TR/CSS2/selector.html#first-letter) referansını bulmamı sağlayın. Bu karakter sınıflarına doğrudan referans. (yani "açık" (Ps), "yakın" (Pe), "ilk" (Pi). "final" (Pf) ve "diğer" (Po) noktalama sınıfları, özelliklerinden) – Nightfirecat

+1

@Nightfirecat Kesin sürüm http://www.unicode.org/Public/UNIDATA/UnicodeData.txt adresinde, ancak bir megabaytlık düz metin üzerinde olduğunu ve okunması kolay olmadığını unutmayın. –