0

我无法定位这第五个锚标记。我只是想在视觉上将最终锚与列表的其余部分分开，但我仍然希望它分组（显然是由 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 没有#mainNav id

于 2012-08-31T18:42:05.480 回答
1

你的选择器很好。左侧填充的属性是padding-left, not 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 回答