父包装时可以灵活更改子项

Question

首先对不起我的英语，

我问我是否可以在flex div的最后一行（换行）处更改最后一个孩子的样式。

我想要的就是修改最后一个孩子（演示中为.flexChild）以在空间周围更改正当内容，或者在用户使用移动设备或调整窗口大小时添加填充

（无媒体查询）

DEMO Here

.parent {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  width: 100%;
  height: 100px;
  background: red;
}

.child {
  padding: 0 20px;
  background: green;
  border: 1px solid black;
}

.flexChild {
  background: yellow;
  display: flex;
  min-width: 200px;
  flex-wrap: wrap;
  flex: 1 1 auto;
  justify-content: space-between;
}

<div class="parent">
  <div class="child">
    Testtestesttest
  </div>
  <div class="child">
    testtesttestt
  </div>
  <div class="child">
    testesttestest
  </div>
  <div class="child flexChild">
    <div class="left">
      <button>1</button>
      <button>2</button>
    </div>
    <div class="right">
      <button>3</button>
    </div>
  </div>
</div>