http://codepen.io/leongaban/pen/uJDIw



嗨,所以在上面的代码笔中,我试图将顶行中的按钮与底行中的按钮隔开。

在添加a标签之前,我可以使用以下方法来使间距工作:

.profile-crop-buttons ul li:nth-child(2) {
    margin: 0 20px 0 20px;
}


但是,既然我已经添加了一个标签,我还没有找到正确的语法来定位第二个孩子并为其赋予左边和右边距。

所有提示表示赞赏!谢谢....

最佳答案

那么,您不能将<a>作为<ul><ol>的直接子代,而只有<li>是有效的,因此您想切换它们的顺序。

.profile-crop-buttons ul li:nth-child(2)不起作用,因为如上所述,<li>不是<ul>的子代,<a>是(第n个子代伪类仅选择给定元素的子代,而不是后来的子代),但是一旦交换了选择器周围的订单,即可正常工作。

Example

10-05 20:39
查看更多