Можно ли задать стили внешнему тегу на основе вложенного?

Question

[weranda]

Приветствую.

Есть HTML:

№1---
<p><strong>текст</strong></p>
<p>текст текст текст</p>

№2---
<p>текст</p>
<p>текст текст текст</p>

Если внутри тега <p> встречается тег <strong>, то следующему за такой конструкцией тегу <p> нужно задать стили. При этом стили должны распространяться только на первый вариант, но не второй. Можно ли это сделать стилями или без JS никак?

Answer 1

[Ivan Ustûžanin]

с современным CSS легко
p:has(strong) + p { /* ... */ }

Comments

[weranda]

А не в современном без вариантов — только JS. Верно?

[Ivan Ustûžanin]

weranda, да, без :has() посмотреть "внутрь" нельзя
да и :has() имеет уже довольно хороший уровень поддержки

[weranda]

Ivan Ustûžanin, Спасибо.