n-child和n-last-child没有一起工作

时间:2013-11-19 13:58:56

标签: css css3 css-selectors

我有一个拇指列表......

<div class="projects-wrapper">
     <ul>
          <li class="project">

...并创建了一个条件来更改列表中每四个项目的边距:

.projects-wrapper .project:nth-child(4n+4){
    margin-right: 0;
}

现在我需要更改最后四项的边距:

.projects-wrapper .project:nth-last-child(-n+4){
   margin-bottom: 0;
}

但这两个条件并没有合作。只是单独

1 个答案:

答案 0 :(得分:0)

更改css选择器的顺序,以便nth-last-child位于nth-child之前。

http://jsfiddle.net/fFKFD/2/