CSS适用于第n种类型

时间:2017-08-02 11:16:49

标签: css css3 sass css-selectors

我有多个update myTable set date='2013-11-11' where id IN( SELECT max(id) FROM myTable ); 元素,希望在以下span位置显示文字(span1019,{{1} })是红色的。

我试过了以下内容;

28

唯一的事情是第一个跨度也得到我不想要的CSS应用。它应该从位置37开始。我该如何解决这个问题?

2 个答案:

答案 0 :(得分:8)

正如您所建议的那样 - 从10的偏移开始。

span {
  &:nth-of-type(9n+10) {
      color: red;
  }
}

答案 1 :(得分:1)

正如戴夫在答案中建议的那样,你可以使用10的偏移量,或者你可以设置另一个条件来排除第一个孩子

SCSS:

span {
      &:nth-of-type(9n+1):not(:first-child) {
          color: red;
      }
} 

使用CSS的片段

span:nth-of-type(9n+1):not(:first-child) {
      color: red;
  }
<span>Span</span>
<span>Span</span>
<span>Span</span>
<span>Span</span>
<span>Span</span>
<span>Span</span>
<span>Span</span>
<span>Span</span>
<span>Span</span>
<span>Span</span>
<span>Span</span>
<span>Span</span>
<span>Span</span>
<span>Span</span>
<span>Span</span>
<span>Span</span>
<span>Span</span>
<span>Span</span>
<span>Span</span>
<span>Span</span>
<span>Span</span>