Как правильно выбрать элемент CSS?

Question

[Расул Гитинов]

Как с помощью CSS из всех тегов P выбрать только те, у которых внутри есть тег IMG?

Answer 1

[Карл Майнхофф]

Родительский селектор - вселенское зло, жутко замедляющее загрузку страницы. Просто добавьте класс каждому такому P и прописывайте стили для него.

Comments

[Расул Гитинов]

Мне нужна автоматизация. Плагин TinyCE добавляет тег P всем новым абзацам, в том числе и IMG.

[Карл Майнхофф]

Расул Гитинов: В таком случае, обратитесь к ответу Сергей

Answer 2

[Alex Fastovets]

Ну, если я правильно понял вопрос, то :

p img {
margin: 0;
}

Comments

[Юрий]

неправильно поняли. это стили на img а ТС надо на p

Answer 3

[Михаил]

p:has(img) {
// имеет изображение
}            

p::not(:has(:not(img))){
// не имеет внутри чего-либо, не являющегося изображением
}

Comments

[Расул Гитинов]

Он будет работать если в теге P, картинка обернута ещё и в ссылку?

[Михаил]

Расул Гитинов, тогда

p > a:has(img) {
// имеет изображение
}

p > a::not(:has(:not(img))){
// не имеет внутри чего-либо, не являющегося изображением
}