Выберите абзацы без изображений

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 того же значения