CSS: селектор последнего ребенка не будет работать?

Question

<div class="commentList">
    <article class="comment " id="com21"></article>
    <article class="comment " id="com20"></article>
    <article class="comment " id="com19"></article>
</div>

Есть идеи, почему следующий селектор последнего ребенка не будет работать для меня?

.comment {
    width:470px;
    border-bottom:1px dotted #f0f0f0;
    margin-bottom:10px;
}

.comment:last-child {
    border-bottom:none;
    margin-bottom:0;
}

Так что в этом случае #com19 не должно иметь границы и поля внизу. Что я тут не так делаю?

спасибо

Answer 1

Похоже, что все правильно - я создал jsfiddle с last-child

Проблема в другом - какое значение у "$ border"?(это переменная php?) Чтобы быть уверенным, что ваши операторы будут использованы, вы можете добавить! важное

Answer 2

Какой браузер вы используете?

IE <9 </strong> не будет применять стили выбора :last-child.