与nth-child的css网格(css grid with nth-child)

 是否可以使用nth-child创建不均匀列的重复模式？ 这就是我所拥有的，但它只适用于第一行： 
 
.three-cols > div:nth-child(1n) {
   width: 50%;
}
.three-cols > div:nth-child(2n) {
  width: 25%; 
}

.three-cols > div:nth-child(3n) {
  width: 25%; 
}

.three-cols > div:nth-child(3n) {
 margin-right: 0;
 }
 
 所以我希望每一行分开：50％，25％，25％ 
 
 http://codepen.io/garethj/pen/KNpQYd 

Is it possible to create a repeating pattern of uneven columns using nth-child? This is what I have, but it only works for the first row:
 
.three-cols > div:nth-child(1n) {
   width: 50%;
}
.three-cols > div:nth-child(2n) {
  width: 25%; 
}

.three-cols > div:nth-child(3n) {
  width: 25%; 
}

.three-cols > div:nth-child(3n) {
 margin-right: 0;
 }
 
So I want every row split:50%,25%,25%
 
http://codepen.io/garethj/pen/KNpQYd

原文：https://stackoverflow.com/questions/40487553