JSFiddle - React, Tailwind, and code Playground

by shriek

HTML

<body>
<ul id="flex-container">
  <li> 1 </li>
  <li> 2 </li>
  <li> 3 </li>
  <li> 4 </li>
  </ul>
</body>

CSS

ul li {
  padding: 20px;
  list-style:none;
  background-color: red;
}

li:first-child {
  background-color: green;
}

li:nth-child(2){
  background-color: yellow;
}

li:nth-child(3){
  background-color: pink;
}

li:nth-child(4){
  background-color: purple;
}