选择没有图像的段落

Question

以下是HTML示例：

<p>Hello</p>
<p>World</p>
<p><img src="catpic.jpg" /></p>

如果段落不包含任何图像，如何将text-indent应用于所有段落。

在这种情况下，只会选择前两个元素。

p [insert magic] { text-indent: 2em; }

我可以使用CSS3，但我不想使用JavaScript。此外，我无法在现有元素中添加额外的类或任何内容。

Answer 1

你不能这样做，这包括沿着DOM树查看图像是否存在，然后备份以给段落提供文本缩进。

我认为您最好的选择是为所有p代码添加文字缩进，然后为img提供相同值的负margin-left