响应式网格IE8

Question

我有一个4x1元素的网格，在一定宽度下包裹到2x2我想要摆脱IE8中2x2网格中第3项左边的填充我可以使用nth-child但是那是IE9 +

<section>
  <div>1</div><div>2</div><div>3</div><div>4</div>
</section>

div{width:50%;padding-left:20px;float:left;}
div.first-child{padding-left:0;}

@media screen and (min-width: 1000px){
  div{width:25%;}
}