相关疑难解决方法(0)

我理解使用CSS格式化每个段落的第一个字母是可能的:

p:first-letter
{
font-size:20px;
}

但是,在使用此代码时,无法从Web浏览器突出显示/选择这些"First Letters",有没有办法修改此问题？

编辑 - 可以选择文本,但是没有直观显示,我该如何更改？

当我使用这个CSScode来设置我的文字的第一个字母时,Chrome中出现了一些奇怪的事情:

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

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

例如,当我现在突出显示单词'is'时,单词'sample'的字母'pl'会突出显示.你可以在这里测试一下:jsfiddle

为了更清楚,这是发生的事情:

如您所见,突出显示的文本位置错误.

这是我的错误还是Chrome中的错误？我如何解决它？