JSFiddle - React, Tailwind, and code Playground

HTML

<div class="photo">
<div class="post-title">
<p>Заголовок 1</p>
<p>Заголовок 2</p>
</div>
<div class="caption">
<p>Заголовок 1</p>
<p>Заголовок 2</p>
</div>
</div>

CSS

.photo .post-title * {
 display: none; /* скрываем все абзацы в  .post-title */
 }
.photo .post-title :first-child {
 display: block !important; /* Показываем первый абзац в .post-title */
 }
.photo .caption {
 display: block; /* Показываем все абзацы в .caption */
 }
.photo .caption > :first-child {
 display: none !important; /* Скрываем первый абзац в .caption */
}

.post-title {
    background: red;
}
.caption {
    background: green;
}