JSFiddle - React, Tailwind, and code Playground

by Pedro Pinto

HTML

<div></div>

CSS

div {
  width: 100px;
  height: 100px;
  background-color: red;
  position: relative;
}

div::after {
  content: "";
  display: block;
  width: 50px;
  height: 50px;
  background-color: yellow;
}

div::after::after {
  content: "";
  display: block;
  width: 25px;
  height: 25px;
  background-color: yellow;
}