html - 我怎样才能使CSS :first-letter that isn't mark-up/HTML tag function?

Question

很简单，我需要在 <p> 中创建第一个字母是不同的颜色，但有时在那个字母之前有一个图像。有没有办法制作:first-letter应用于非 HTML 标记？

CSS:

p:first-letter {
    color: red; // this should make the "W" red"
}

HTML:

<p><img src="will.jpg">West Philadelphia, Born And Raised</p>

Answer 1

用 CSS 是不可能的。您需要按照建议更改 HTML 或执行一些 javascript hack:

• 找到段落的第一个 child img 元素
• 将它们移到段落末尾
• 对它们应用样式定义以显示在文本之前