如何为 p 标签中的星号第一个字符着色

【问题标题】：How to color the asterix first character in a p tag如何为 p 标签中的星号第一个字符着色
【发布时间】：2013-07-24 00:36:02
【问题描述】：

我认为使用 ::first-letter 伪元素会很容易，但它不起作用！

我有

<p>* Required Fields</p>

我希望 * 是红色的！

有什么想法吗？请注意，我无法更改 html。

【问题讨论】：

【解决方案1】：

我几乎有一个解决方案（好吧，你可能会认为它是一个解决方案）并且它适用于你的 HTML：

p::before {
    content:'*';
    position:absolute;
    color: red;
    text-shadow: 0 0 1px red;
}

我在IE上启动了一个虚拟机测试，看起来不错：

【讨论】：

非常有创意的解决方案。可能是唯一可能的——我刚刚浏览了整个level 4 spec，其中包含一长串来自级别（1-4）的所有选择器，在任何一个中都不可能。也许有一天会延长。
@Neal 不同之处在于我的解决方案适用于 OP HTML。绝对定位使得 * 被绘制在同一位置。
@Brewal 因此是“几乎”。
@Benjamin：如果选择器规范有任何变化，那就是::first-letter，但我怀疑它是否会改变。如果引入了新的伪元素，它可能会在选择器之外。
用 1px 红色阴影来确保我们看不到任何黑色怎么样？