1

私の質問はすべてを語っています。私は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 m を使用しています。

4

1 に答える 1

7

セレクターが間違っています。

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

これは、マークアップを使用<a>すると、常に<li>親の最後の子になるためです。あなたが望むのは、最後の子ではない<a>すべての内部の s にスタイルを適用することです。<li>

于 2012-05-05T16:13:44.993 に答える