Как использовать: не селектор в 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 м.

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

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