html - 为什么设置 :first-letter selector with whitespace cause mouse highlighting to be offset?

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 相同。