Dlaczego ustawienie selektora pierwszej litery z białymi znakami powoduje przesunięcie podświetlenia myszy?

Question

Po problemie, w którym przez dodanie białych znaków otrzymuję następujące elementy podkreślające dziwność przesunięcia. Czy to naprawdę oczekiwane zachowanie?

To wydaje się wpływać Chrome/Safari

kwestią jest tu przytoczony: 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

To zachowanie jest różne w różnych przeglądarkach. Może to być też jakiś błąd w przeglądarce. Być może te przeglądarki identyfikują pseudoelement :first-letter w ten sam sposób, co pseudoelementy: :before i .