last two childrens

by Rodwyn Moreno

HTML

<div class="race-ctn">
  <div class="gd-col">
    <div class="race-tbl">1</div>
  </div>
  <div class="gd-col">
    <div class="race-tbl">2</div>
  </div>
  <div class="gd-col">
    <div class="race-tbl">3</div>
  </div>
  <div class="gd-col">
    <div class="race-tbl">4</div>
  </div>
  <div class="gd-col">
    <div class="race-tbl">5</div>
  </div>
  <div class="gd-col">
    <div class="race-tbl">6</div>
  </div>
  <div class="gd-col">
    <div class="race-tbl">7</div>
  </div>
  <div class="gd-col">
    <div class="race-tbl">8</div>
  </div>
</div>

CSS

.race-ctn {
  display: grid;
  grid-template-columns: 50px 50px ;
}

.race-tbl {
  border-bottom: red solid thin;
}

.race-ctn .gd-col:nth-child(2n+1):nth-last-child(-n+2) .race-tbl,
.race-ctn .gd-col:nth-child(2n+1):nth-last-child(-n+2) ~ .gd-col .race-tbl {
  border-bottom: none;
}