给出最后一个孩子的样式，但前提是要遵循模式

Question

我创建了一个动态的flexbox布局。

我正在对每个偶数元素进行样式设置，以使其具有背景色（棋盘格样式）。但是，当结尾处是奇数杂散元素时，样式将关闭。 （我希望它是白色的：请参见示例）

在该示例中，有一个添加列按钮来演示最后一项是否正确时，样式是否正确。块必须始终居中对齐。

https://jsfiddle.net/5b3od2yn/

  display: flex;
  justify-content: center;
  flex-flow: row wrap;
  width: 500px;
}

.inner {
  flex-basis: 33.3%;
  width: 33.3%;
  min-height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.outer .inner:nth-child(odd) {
  background-color: #dedede;
}