对于课堂上的每个其他奇数div,CSS甚至都很奇怪

时间:2013-10-07 19:09:28

标签: css css-selectors

我在一个水平行中有div,都在同一个类中,如下所示:

1 2 3 4 5 6 7 8 9 10

我想要的是将css应用于其他所有奇数行,所以 1,5,9等。

我试过

.myClass:nth-child(n+4) and
.myClass:nth-child(odd),.myClass:nth-child(odd){

但无法弄明白:(

2 个答案:

答案 0 :(得分:11)

:nth-child(4n)给我们0,4,8等

由于你想要1,5,9,你应该尝试:nth-child(4n + 1)

答案 1 :(得分:3)

你想要做的是将css应用于每四行,所以你想做:

.myClass:nth-child(4n+1)