使用方法：CSSのセレクタではありませんか？

Question

私の質問はすべてを言います。私はCSSの新機能です。私は、次のコードを使用しようとしていますが、それは動作していない：

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

クラスul.verticalNav li a:not(:nth-last-child(1))が境界線を作成されていません。 HTMLは次のとおりです。

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

問題が見つかりません。

ありがとうございます。

---

私はFirefox 12.0とGoogle Chrome 18.0.1025.168を使用しています。あなたの選択が間違っている

Answer 1

、それはあなたのマークアップで、<a>は常にその<li>親の最後の子になるだろうているた​​め

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

でなければなりません。あなたがしたいのは最後の子供ではない<li>の中の<a>にスタイルを適用することです。