JSFiddle - React, Tailwind, and code Playground

by Evgeny Pisarev

HTML

<div class="from">2342342</div>
<div class="from">2342342</div>
<div class="to">31313</div>
<div class="to">31313</div>
<div class="to">31313</div>
<div class="from">2342342</div>
<div class="from">2342342</div>
<div class="to">31313</div>
<div class="to">31313</div>

SCSS

.to {
  padding: 4px;
  & + & {
    padding-bottom: 0;
    color: blue;
  }
  & + &:last-child {
    padding-bottom: 4px;
  }
}

.from {
  padding: 4px;
  & + & {
    color: red;
    padding-bottom: 0;
  }
  &:last-child {
    padding-bottom: 4px;
  }
}

JavaScript

var div = document.querySelector(".to"); 
div.closest(".to").style.backgroundColor = "red"