为什么设置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。