css - 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>

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