JSFiddle - React, Tailwind, and code Playground

HTML

<ul>
  <li>Coffee</li>
  <li>Tea</li>
  <li>Tea22</li>
  <li class="display">Tea333</li>
  <li class="remove">Coca Cola</li>
</ul>

CSS

ul {
  list-style: none;
  /* Remove list bullets */
}

li:before {
  content: "•";
  /* Insert content that looks like bullets */
  padding-right: 8px;
  color: blue;
  /* Or a color you prefer */
}

.remove:before {
  content: none;
  content: "•";
  padding-right: 30px;
}
.display:before{
  display:none;
}