CSS首字母选择突出显示

Question

有没有办法突出显示::first-letter应用了伪元素的元素的第一个字符？

我正在尝试向用户提供有关文本选择的反馈.被用于一个Twitter插件选择的文本和正常工作(即,第一字母字符被包括在内); 但是,看起来好像文本实际上不能突出显示.

这是CodePen示例的链接,这里有一个屏幕截图,以帮助演示我正在谈论的内容:

我试图突出显示较大的红色"S",但却无法.

非常感谢任何帮助,如果这是重复,我会提前道歉.谢谢!

Answer 1

你可以这样做：

p:first-letter {
  float: left;
  font-size: 3em;
  color: #333;
}

<p>This is your paragraph.</p>

几年前，我在一篇题为CSS First-Letter 样式的文章中写到了这一点。那里还有更多特殊案例。