CSS應用類型

Question

的第n我有多個span元件和要在下面span位置來顯示文本（10，19，28，37）是紅色。

我試過了下面;

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

唯一的事情就是第一跨度也得到應用CSS我不想。它應該從位置10開始。我怎樣才能解決這個問題？

Answer 1

正如你所建議的 - 從10的偏移量開始。

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

Answer 2

戴維在他的回答表明，你可以使用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>