JSFiddle - React, Tailwind, and code Playground

HTML

<html>
<head>
<style type="text/css">

div {
  display: block;
  height: 100px;
  width: 100px;
  float: left;
  margin: 20px;
  margin-right: 0px;
  background: gray; 
}

div:nth-child(4) {
  background: orange;
}


div.red:nth-child(2) {
  background: red;
}

</style>
</head>

<body>

<div></div>
<div></div>
<div></div>
<div></div>

<div class="red"></div>
<div class="red"></div>
<div class="red"></div>
<div class="red"></div>

</body>
</html>