CSS应用类型的第n个

我有多个

span

元素，希望在以下

span

位置（

10

，

19

，

28

，

37

）显示红色文本

我试过下面的方法

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

---

唯一的问题是，第一个span还应用了CSS，这是我不想要的。它应该从位置

10

开始。如何解决此问题？

正如您建议的那样–从偏移量

10开始

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

正如Dave在回答中所建议的，可以使用偏移量10，也可以设置另一个条件来排除第一个孩子

SCSS：

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

带有CSS的代码片段


span:n类型（9n+1）：非（：第一个子项）{
颜色：红色；
}
Span
跨度
跨度
跨度
跨度
跨度
跨度
跨度
跨度
跨度
跨度
跨度
跨度
跨度
跨度
跨度
跨度
跨度
跨度
跨度
Span
这是SASS吗？如果没有道歉；我给它加了标签，但后来意识到我不知道
9n+1
想做什么。。。无论如何，我想观察到的行为是正确的，你可以尝试
10+9n
。是的，它是SAAS…但你可以将它视为正常的CSS..n类型
9n+10
而不是
9n+1
？简单地说，
n
是一个从0开始的计数器，因此如果你有一个恒定的偏移量，您需要在表达式中包含该偏移量。