CSS选择器.我一定没有正确理解这一点

Question

我在定位第五个锚标记时遇到问题。我只是想在视觉上将最后一个锚点与列表的其他部分分开，但我仍然希望它分组（显然是按照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;
}

Answer 1

如果你想要最后一个锚点，为什么不使用：

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

http://jsfiddle.net/4fs2s/

在您的示例中，ul没有#mainNav id

Answer 2

您的选择器很好。左填充的属性是padding-left，而不是padding:left。

查看此小提琴>http://jsfiddle.net/QL7ds/

Answer 3

上一个li没有关闭是打字错误吗？

Answer 4

您的CSS是错误的。padding:left: 50px;应为padding-left: 50px;

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

jsFiddle示例