Moje pytanie mówi wszystko. Jestem nowy w CSS. Próbuję użyć następującego kodu, ale nie działa:

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

Klasaul.verticalNav li a:not(:nth-last-child(1)) nie tworzy granic. HTML to:

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

Nie mogę znaleźć problemu.

Z góry dziękuję.

Używam Firefoksa 12.0 i Google Chrome 18.0.1025.168 m.