JSFiddle - React, Tailwind, and code Playground

by batcave

HTML

<div class="block block--pbe0">
  <div class="block__container block__container--white">test</div>
</div>

<div class="block block--pbe0">
  <div class="block__container block__container--white">test</div>
</div>

<div class="block">
  <div class="block__containers">test</div>
</div>

CSS

.block {
  padding-block-start: 3rem;
  background-color: gray;
}

.blocks:has(.block__container--white) + :is(.block):has([class*="block__container--"]) {
  padding-block-end: 3rem;
  background-color: aqua;
}

.block:has(.block__containers) {
  padding: 3rem;
  background-color: deeppink;
}

.block--pbe0 + :not([class*="--pbe0"]) {
  margin-block-start: 3rem;
  background-color: green;
}