JSFiddle - React, Tailwind, and code Playground

by KCarnaille

HTML

<ul>
  <li>Toto</li>
  <li>Tata</li>
  <li>Titi</li>
</ul>

CSS

ul {
  list-style: none;
  padding: 0;
}

ul li {
  position: relative;
  padding-left: 15px;
}

ul li:before{
  content: "";
  width: 8px;
  height: 8px;
  background-color: red;
  position: absolute;
  left: 0;
  top: 8px;
}

ul li:last-child:before{
  background-color: blue;
}