Доброго времени суток!

Помогите, пожалуйста, разобраться в проблеме с first-child…

Имеем CSS:

[CSS].photo .post-title * {
display: none;
}
.photo .post-title :first-child {
display: block !important;
}
.photo .caption {
display: block;
}
.photo .caption > :first-child {
display: none !important;
}[/CSS]

А также HTML:



Я планировал, что в случае с post-title должен выводиться исключительно заголовок 1 (заголовок 2 скрыт), а в случае с caption — исключительно заголовок 2 (заголовок 1 скрыт). Однако же и в том и в другом случае выводятся все заголовки. Где я ошибся?

Заранее большое спасибо за помощь!