使用第n个子CSS组织3-2个模式

Question

我试图得到三个元素，两个元素，三个元素的模式...使用第n个子伪选择器。这就是我所能得到的：https://codepen.io/juanor/pen/yooeNV

li.hex:nth-child(3n+1){
    clear: left;
}
li.hex:nth-child(6n+4){
    clear: left;
    margin-left: 83px;
}

我不知道这是不是一个真实的模式，或者我是否应该直接选择我需要清除的所有可能的项(1,4,6,9,11,14...)。到目前为止，我知道我必须选择所有的第5-1个元素，但不确定如何轻松完成。也许是calc？不确定。

提前感谢您的帮助。

Answer 1

如果我理解正确的话，这将产生你想要的3,2模式

li.hex:nth-child(5n+4),li.hex:nth-child(5n+6){
    clear: left;
}
li.hex:nth-child(5n+4){
    clear: left;
margin-left: 83px;
}