first-child

[ZABor]

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

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

Имеем 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;
 }

А также 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>

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

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

[sigma77]

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

Так и есть.

http://jsfiddle.net/F84Aj/

[ZABor]

Ой, действительно… А можно в таком случае как-то понять, почему все это не работает по ссылке — http://www.ontheroads.org/ Самая верхняя запись: Тест / Стремительный заезд в дождливый Серпухов

[sigma77]

ZABor,

Я там не вижу стилей display: block / display: none