爲什麼設置a：帶空格的首字母選擇器會導致鼠標突出顯示偏移？

Question

有一個問題，通過添加空格，我得到以下突出顯示偏移怪異。這真的是預期的行爲？

這似乎影響到瀏覽器/ Safari瀏覽器

問題在這裏重現：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

它在各種瀏覽器上的行爲不同。所以它也可能是瀏覽器中的某種錯誤。也許這些瀏覽器以與僞元素:before和:after相同的方式識別僞元素:first-letter。