Как использовать: не селектор в CSS?

Мой вопрос говорит обо всем. Я новичок в CSS. Я пытаюсь использовать следующий код, но он не работает:

<code>ul.verticalNav {
    /*declaration*/
}

ul.verticalNav li {
    /*declaration*/
}

ul.verticalNav li a {
    /*declaration*/
}

ul.verticalNav li a:not(:nth-last-child(1)) {
    border-bottom: 1px solid #323232;
}
</code>

Классul.verticalNav li a:not(:nth-last-child(1)) не создает границы. HTML-код:

<code><ul class="verticalNav">
    <li><a href="#">Home</a></li>
    <li><a href="#">View Profile</a></li>
    <li><a href="#">Edit Profile</a></li>
    <li class="bottomLeftMenuItem"><a class="bottomLeftMenuItem" href="#">Search Profile</a></li>
</ul>
</code>

Я не могу найти проблему.

Заранее спасибо

Я использую Firefox 12.0 и Google Chrome 18.0.1025.168 м.

 FelipeAls05 мая 2012 г., 18:44
Ты можешь заменить:nth-last-child(1) по:last-child

Ответы на вопрос(1)

Решение Вопроса

Ваш селектор неправильный, он должен быть

ul.verticalNav li:not(:nth-last-child(1)) a {
    border-bottom: 1px solid #323232;
}​

Это потому, что с твоей разметкой,<a> всегда будет последним ребенком своего<li> родитель. То, что вы хотите, это применить стиль к<a> внутри любого<li> который не последний ребенок.

 Tapas Bose05 мая 2012 г., 18:22
Отлично, большое спасибо и спасибо за объяснение, это помогло мне понять последовательность и отношения тегов.

Ваш ответ на вопрос