选择包含带有css nth-child的第一个项目的7n项目

时间:2012-04-29 11:33:30

标签: css css-selectors

使用css:nth-​​child伪选择器。我如何选择每个7n项目,包括第一个项目(即0索引处的项目)。
例如:

     
  • 1.highlight me
  •  
  • 2
  •  
  • 3
  •  
  • 4
  •  
  • 5
  •  
  • 6
  •  
  • 7.highlight me
  •  
  • 8
  •  
  • 9
  •  
  • 10
  •  
  • 11
  •  
  • 12
  •  
  • 13
  •  
  • 14.highlight me

我试过:nth-​​child(7n),但它与第一​​项不匹配。

2 个答案:

答案 0 :(得分:3)

使用:

:nth-child(6n+1) { ... }

<强> Working Example

答案 1 :(得分:1)

您可以编写两种或更多种风格的混合:

:first-child, :nth-child(7n) {
  .
  .
  .
}

这样就可以了!