CSS首字母高亮答案

【问题标题】：CSS First Letter HighlightingCSS首字母高亮
【发布时间】：2013-05-16 16:18:34
【问题描述】：

我了解，使用 CSS 格式化每个段落的首字母可以通过以下方式实现：

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

但是，在使用此代码时，无法从网络浏览器中突出显示/选择这些“首字母”，有没有办法修改它？

编辑 - 可以选择文本，但无法直观显示，我该如何更改？

【问题讨论】：

谁告诉你他们没有被选中？ jsfiddle.net/kHe4P
Webkit 浏览器中不被选中
@Mr.Alien 在你的小提琴中，它是不可选择的
它没有在视觉上突出显示，但实际上是。如果您复制您的ello 选择，它将给您Hello
@Kehza 我不确定。如果可能，您始终可以将第一个字母包裹在 span 中，然后定位到 p > span { font-size:20px; }，但这是一种解决方法。

【解决方案1】：

【讨论】：

【解决方案2】：

是的，它不是在视觉上被选中，而是在背景中被选中。如果我选择并复制然后粘贴它，我会得到“你好”，所以这可能是不同字体大小的问题。 font-variant:small-caps 完美运行（但使用大写）。

【讨论】：