2015-06-08 18 views
5

İlk satırı sahte seçici kullanmayı deniyorum ama işe yaramaz gibi görünüyor ve nedenini anlayamıyorum. Ben de ilk satırı kullanarak denedim ama boşuna. (Not, bunun sınır yarıçapı ile ilgisi yoktur).p.class: ilk satır çalışmıyor

p.intro:first-line { 
 
    text-transform: uppercase; 
 
}
<p class="intro">Instead of attempting to cover the full range of <abbr title="Cascading Style Sheets">CSS</abbr> selectors, I think it makes sense to begin with a subset of the most widely supported. The <a href="http://www.quirksmode.org/css/contents.html">compatibility charts compiled by Peter-Paul Koch</a> provide 
 
    detailed support information.</p>

+2

Çalışmaması gerektiği gibi görünmüyor mu? http://jsfiddle.net/9wrubwc2/ – Patrick

+0

@Anonymous Aslında MDN'de "text-transform: uppercase" kullanarak bir örnek var ... –

+0

@ DenysSéguret Doğru, benim kötü. Sanırım "Renk özelliği, tüm arka planla ilgili özellikler" bölümünü okudum ve metin-dönüşümünün dahil edilmediğini varsaydım. – Anonymous

cevap

5

Sadece Chrome'da bu sorunu görüyoruz. Anlaşılan henüz sabit değil bir hata var: https://code.google.com/p/chromium/issues/detail?id=129669

bir jquery eklentisi kullanarak efekt elde etmek https://github.com/octopi/Linify kullanabilirsiniz diyor bu SO post önerilen bir çözüm yoktur. Esas olarak, ilk satırı seçmek için linify kullanın ve ardından ilk satıra text-transform: uppercase özelliğini uygulayın.

+0

Ayrıca Opera'da ve Safari'de (Mac'te) denedim. Çalışmıyor. Firefox'ta çalışıyor. Webkit hatası mı? – Steven

+0

@Steven Hepsi aynı web motorunu kullanmaktadır (webkit, göz kırpma) bu nedenle de aynı hatadır. Firefox veya IE yerine –

+0

@ steven'i deneyin Firefox (Win 7) 'nin en son sürümünde snippet'i çalıştırdım ve beklendiği gibi çalışıyor. –

İlgili konular