首字母，使鉻亮點在錯誤的地方

Question

當我使用這個CSScode樣式的我的文字奇怪的東西在Chrome中的第一個字母發生了：

main p::first-letter { 
 
    font-size: 300%; 
 
}

<main> 
 
    <p> 
 
    This is some sample text 
 
    </p> 
 
</main>

當我現在例如突出顯示單詞'is'，而'sample'這個單詞的字母'pl'則會突出顯示。你可以在這裏測試：jsfiddle

爲了使它更清楚，這是發生了什麼：

正如你所看到的，突出顯示的文本是在錯誤的地方。

這是我的錯，還是這是Chrome中的錯誤？我如何解決它？

Answer 1

最好的代碼爲每個瀏覽器會留着這個代碼

<main> 
<p> 
    <span>T</span>his is some sample text 
</p> 

main p span{ 
font-size: 300%; 

}

Answer 2

我發現爲什麼這是這樣做的。 這是因爲「返回」後<p>。

所以對於防止這種行爲，你必須寫應答器<p>和他在同一行內容，就像這樣：

<p>This is some sample text</p> 

而且不是這樣

<p> 
    This is some sample text 
</p> 

我還沒有找到一個另一種解決方案...抱歉