Я хотел бы выбрать первое вхождение

после каждого

и

когда все эти теги являются родственными (т.е. все принадлежат одному и тому же div). Абзац не обязательно следует сразу за заголовком; между ними могут быть изображения, таблицы или другие элементы. Цель состоит в том, чтобы затем стилизовать первую букву таких абзацев. Я не хочу использовать javascript или jQuery. Это возможно только с селекторами css?

Например, у меня было бы что-то вроде:

<div>
<h1>Bla</h1>
<p class="Testo">BlaBla.</p> <!-- #1 -->
<p class="Testo">BlaBla.</p> <!-- #2 -->
<h2>BlaBlaBla</h2>
<p class="Testo">BlaBla.</p> <!-- #3 -->
<h2>BlaBlaBla</h2>
<div>
    <img>
    <p></p>                  <!-- #4 -->
</div>
<p class="Testo">BlaBla.</p> <!-- #5 -->
</div>

И я хотел бы выбрать #1, #3 и #5. К настоящему времени я потерялся и ценю некоторую помощь.

Если я использую: h1 + p.Testo:first-letter и h2 + p.Testo:first-letter, он не выбирает #5 потому что он не сразу следует за заголовком.

Если я использую: h1 ~ p.Testo:first-letter и h2 ~ p.Testo:first-letter выбирается также #2, потому что это тоже брат h1.

Если я использую h1 > p.Testo:first-letter и h2 > p.Testo:first-letter, он выбирает none из них, потому что они братья и сестры, а не дети; то же самое для селектора потомков h1 p.Testo:first-letter и h2 p.Testo:first-letter

Если я использую: h1 ~ p.Testo:first-of- type:first-letter и h2 ~ p.Testo:first-of-type:first-letter выбирает только #1...