JSFiddle - React, Tailwind, and code Playground

by 규연 황

HTML

<div class="a">
  <div class="a-b">a-b</div>
  <div class="a-a">
    <span>1</span>
  </div>
  <div class="a-a">
    <span>2</span>
  </div>
  <div class="a-a">
    <span>3</span>
  </div>
</div>

CSS

.a > .a-a span {display:block;background:green;}
.a > .a-a ~ .a-a  span {background:red;}