क्यों सेट करता है: व्हाइटस्पेस के साथ पहला अक्षर चयनकर्ता माउस हाइलाइटिंग ऑफसेट होने का कारण बनता है?

Question

व्हाइटस्पेस जोड़कर कोई समस्या होने पर मुझे निम्नलिखित हाइलाइटिंग ऑफसेट अजीबता मिलती है। क्या यह वास्तव में अपेक्षित व्यवहार है?

यह क्रोम/सफारी

समस्या को प्रभावित करने लगता है यहाँ गयी है: https://jsfiddle.net/qsa99cc6/

सीएसएस:

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 जैसा ही पहचानें।