CSS应用类型

2017-08-02 23 views 0 likes

的第n我有多个span元件和要在下面span位置来显示文本（10，19，28，37）是红色。CSS应用类型

我试过了下面;

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

唯一的事情就是第一跨度也得到应用CSS我不想。它应该从位置10开始。我怎样才能解决这个问题？

来源

2017-08-02 testndtv

这是SASS吗？如果不是，请道歉;我标记了它，但后来意识到我不承认任何'9n + 1'正在尝试做......无论如何，我猜测观察到的行为是正确的，你可以尝试'10 + 9n'。 –

是的，它是SAAS ...但是你可以把它当作正常的CSS ..类型的第 – testndtv

那么'9n + 10'而不是'9n + 1'怎么样？ –

回答

正如你所建议的 - 从10的偏移量开始。

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

来源

2017-08-02 11:20:31

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

来源

2017-08-02 12:48:05

CSS应用类型

回答

相关问题