JSFiddle - React, Tailwind, and code Playground

by m4xout

HTML

<main id="page-content">

<div class="div1">
a
</div>

<div class="div2">
b
</div>
<div class="div3">
<div class="child">
 child
</div>
c
</div>

</main>

CSS

div {height: 30px;width: 30px; padding: 30px; margin: 30px; background:#ccc;}

#page-content div:last-child {
  
  background:#f0f
}

main > div:last-child {
  
  background: #f00!important;
}