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

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, Спасибо.

[tgarl]

:has() имеет уже довольно хороший уровень поддержки

Ivan Ustûžanin, только если вы обновляете винду и браузеры. Я как раз тут тоже искал есть ли возможность переписать css без has. Потому что если в компании компы с виндой 7 например, или дома у людей старые компы без обновлений в течении последних пару лет, то это не будет работать, максимум браузер хром и то 50/50 в зависимости от правила + в зависимости от количества таких стилей браузер начинает подвисать, не справляется.

Так что weranda если процент аудитории, которая не обновляется серьезный, лучше не использовать has, а по старинке js