为什么设置:带有空格的第一个字母选择器会导致鼠标突出显示偏移？

Question

有一个问题,通过添加空格我得到以下突出显示偏移怪异.这真的是预期的行为吗？

这似乎会影响Chrome/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

它的行为在不同的浏览器上是不同的。所以这也可能是浏览器中的某种错误。也许这些浏览器以与伪元素和:first-letter相同的方式识别伪元素。:before:after