CSS nth-child自定义模式

Question

我正在尝试为网站上的内容创建一个阻止的网格,该网格遵循如下所示的模式.它必须完全配置CSS,没有JavaScript!

模式:

| - - - - | => 1 x 100%
| - - | - - | => 2 x 50%
| - - | - - | => 2 x 50%
| - - - - | => 1 x 100%
| - - | - - | => 2 x 50%
| - - | - - | => 2 x 50%
| - - - - | => 1 x 100%
| - - | - - | => 2 x 50%
| - - | - - | => 2 x 50%
| - - - - | => 1 x 100%

我曾指出,:nth-child(5n+1)将成功地让我的风格大,全宽的块,但是其他的,它会之间交替:odd,并:even直到下一个元素(5n+1)出现.

有没有人对如何按照描述标记这一点有任何建议？我会很感激.

Answer 1

看看这个快速小提琴:

http://jsfiddle.net/duncan/Z3Vgt/

nth-child(3n+1) 如果我理解你的话,似乎可以做到这一点.