使用：列表中特定类的第n个

Question

我想要做的是在中心列表项中添加一个类，然后从那里最终为每个项添加不同的背景颜色。目前我在列表中添加了一个类.is-middle，现在我想从那里向每个列表项添加background:red，我正在使用&.is-middle:nth-of-type(1n)但我不是确定这是正确的事情吗？

SCSS

.ctn {

  li {
    width: 100%;
    height: 50px;
    background: lightgrey;
    border-bottom: 1px solid #eee;

    &.is-middle:nth-of-type(1n) {
        background: red;
    }
  }
}

笔： http://codepen.io/styler/pen/mgfxJ

Answer 1

这将为li分类元素后面的evey .is-middle元素添加颜色：

.ctn {
  li {
    width: 100%;
    height: 50px;
    background: lightgrey;
    border-bottom: 1px solid #eee;

    &.is-middle ~ li{ background:red; }
  }
}