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