Проблема с last-child

[tini.kRyptoNite]

Есть вот такая структура и CSS .post:last-child

<div id="content">
  <div id="post-1" class="post">
  </div>

  <div id="post-2" class="post">
  </div>

  <div id="post-2" class="post">
  </div>
</div>

Если такая структура то ласт чилд работает, в конце блока контента добавляю див с пагинацией <div id="pagination"></div> и ласт чалд уже не работает. В чем проблема может быть? Это вообще как-то не логично... И вообще если в конец что либо добавить даже пустой див без атрибутов то опять же ласт чилд не работает. В принципе решение нашел, но оно не удовлетворительно, это просто взять эти блоки в пустой див. а после него уже добавлять что нужно.

Edited November 25, 2012 by tini.kRyptoNite

[npofopr]

выложите на http://jsfiddle.net

[sigma77]

Это вообще как-то не логично...]

Все логично. Если после блока добавить что-либо, то блок уже не будет являться последним дочерним элементом.

[tini.kRyptoNite]

ну .post:last-child разве не подразумевает последний с классом .post?

[Alex Shnayder]

Это не очевидно, но этот селектор работает не так.

Селектор .post:last-child выбирает элементы, для которых выполняется одновременно два условия:

1) Этот элемент является последним прямым потомком своего родителя.

2) Этот элемент имеет класс post.

В вашем случае все div.post подходят только под второй критерий, а добавленный элемент - только под первый.

[tini.kRyptoNite]

Это не очевидно, но этот селектор работает не так.

Селектор .post:last-child выбирает элементы, для которых выполняется одновременно два условия:

1) Этот элемент является последним прямым потомком своего родителя.

2) Этот элемент имеет класс post.

В вашем случае все div.post подходят только под второй критерий, а добавленный элемент - только под первый.

Больше похоже на правду. Спасибо. Эх.. не совсем удобно сделано...