Как прицелиться в `div p` следующий сразу после контейнера того же уровня `div h1`?

Question

[Василий]

структура:

<div>
    <h1>Заголовок</h1>
</div>
<div>
    <p>цель</p>
</div>
<div>
    <h2>Заголовок</h2>
</div>
<div>
    <p>НЕ цель</p>
</div>

Нужно выбрать все первые div p на странице, с условием что они идут после div h1

Сломал гугл, конструкция
"div h1 + div p" не работает.
Конструкция
"div + div p" целится не туда, очевидно, но работает(красит все "p" внутри контейнеров).
Как я понял, при выборе div h1 я проваливаюсь в этот контейнер и заднего ходу из него уже не существует.
Подскажите, есть ли возможность провернуть такое прицеливание?

Менять HTML не предлагать, все операции в пользовательском CSS проходят.

Answer 1

[Rsa97]

Для новых браузеров :has
div:has(> h1) ~ div p
Для старых никак.

Answer 2

[otdameskapizm]

Попробуйте такое: div + div p

Comments

[Василий]

я дурак, уже голова плывёт просто.

Нужен первый див, поменял вопрос

Она целится во все div p, мне нужны только те div p, следующие после div h1
то есть она покрасит и те, которые идут после div h2, div h3

[otdameskapizm]

Василий, а такой div:has(h1) + div p:first-child

[Василий]

otdameskapizm, по коду - то что нужно, но жаль, что для меня не сработало, видимо, не поддерживается. Спасибо!