:first-letter 读取 <img> 标签

Question

我的段落<p> 以一些<img> 开头，因此p:first-letter 不适用于<img> 之后的文本

如果我删除<img>，它确实有效。

https://jsfiddle.net/zg93usfn/

Answer 1

这是不可能的

见w3.org

::first-letter 伪元素表示一个字母的第一个字母 元素，如果它前面没有任何其他内容（例如 图像 或 内联表） 就行了。

Answer 2

您可以将文本包装到任何中性 html 标记，然后使用字母间距。这只是使用 CSS 解决此问题的一种方法。