0

この5番目のアンカータグをターゲットにするのに問題があります。最後のアンカーをリストの残りの部分から視覚的に分離したいのですが、それでもグループ化したいです（明らかにulによって）

どんな助けでも大歓迎です！

ul>
    <li>PORTFOLIO:</li>
    <li><a href="index.html">layout</a></li>
    <li><a href="logo.html">logo design</a></li>
    <li><a href="print.html">print design</a></li>
    <li><a href="mailto:blahblahblah&#64;yahoo.com">Contact Me</a></li>
</ul>



#mainNav a {
    color:#428896;
    text-decoration: underline;
}

#mainNav ul>:first-child {
    letter-spacing: 2px;
    text-decoration: none;
}

#mainNav ul li:nth-child(5) {  
  padding-left: 50px;
}
4

4 に答える 4

1

最後のアンカーが必要な場合は、次を使用しないでください。

ul li:last-child a{
    letter-spacing: 2px;
    text-decoration: none;
    color:red;
}​

http://jsfiddle.net/4fs2s/

そして、あなたの例では、ulには#mainNavidがありません

于 2012-08-31T18:42:05.480 に答える
1

セレクターは問題ありません。左側のパディングのプロパティはpadding-left、ではなくpadding:leftです。

このフィドルを参照してください> http://jsfiddle.net/QL7ds/

于 2012-08-31T18:43:58.293 に答える
0

あなたの最後liが閉じられていないのはタイプミスですか？

于 2012-08-31T18:40:35.547 に答える
0

CSSが間違っています。padding:left: 50px;する必要がありますpadding-left: 50px;

ul li:nth-child(5) {  
  padding-left: 50px;
}​

jsFiddleの例

于 2012-08-31T18:42:49.550 に答える