Neden a: ilk harf seçiciyi boşluk ile ayarlamak, fare vurgularının kaymasına neden oluyor?

Question

Boşluk ekleyerek aşağıdaki vurgulama ofset tuhaflığı olsun bir sorun olması. Bu gerçekten beklenen bir davranış mı?

Bu

Krom/Safari

Sorun etkileyecek gibi görünüyor burada üretilir: https://jsfiddle.net/qsa99cc6/

CSS:

p:first-letter { 
    text-transform: uppercase; 
} 

HTML:

<p> 
     highlight me! this won't work because there's whitespace in the &lt;p&gt; 
</p> 

<p>highlight me! This should work because there isn't</p> 

Answer 1

Çeşitli tarayıcılarda davranış farklıdır. Bu yüzden tarayıcıda bir çeşit hata da olabilir. Belki de bu tarayıcılar :first-letter sözde elemanını :before ve :after sözdizimi öğeleriyle aynı şekilde tanımlar.