复杂的CSS第n个子选择器

我正在尝试使用CSS实现复杂类型的第n个子选择,我不确定它是否可行.如果是,可能有人知道如何实现它. (我发现了 this guide,但它似乎没有我所需要的解决方案)

所需的结果是一个如下所示的序列：

R B Y Y Y B R Y Y Y R B Y Y Y B R Y Y Y. . .

(这在JS Fiddle here中更清楚)

到目前为止,我的CSS是：

div {
  float: left;
  width: 50px;
  height: 50px;
  background: grey;
  border: 1px solid black; 
}

div:nth-child(odd) {
    background: red;
}

div:nth-child(even) {
    background: blue;
}

div:nth-child(3n) {
    background: yellow;
}

但这远远不够.

这可以实现吗？

尝试：

div:nth-child(odd) {
    background: red;
}
div:nth-child(even) {
    background: blue;
}
div:nth-child(5n+3), div:nth-child(5n+4), div:nth-child(5n) {
    background: yellow;
}

DEMO