Minha pergunta diz tudo. Eu sou novo em CSS. Eu estou tentando usar o seguinte código, mas não está funcionando:

<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>

A classeul.verticalNav li a:not(:nth-last-child(1)) não está criando bordas. O 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>

Eu não consigo encontrar o problema.

Desde já, obrigado.

Estou usando o Firefox 12.0 e o Google Chrome 18.0.1025.168 m.