JSFiddle - React, Tailwind, and code Playground

by kaktusvit

HTML

<ul class="menu sf-menu">
 <li class="cvetgreen">пункт 1</li>
 <li class="cvetgold">пункт 2</li>
 <li class="cvetred">пункт 3</li>

</ul>

CSS

ul.menu sf-menuli
{
  display:inline;
  padding:1em;
  margin:1em;
  background-color:blue;
  cursor: pointer;
}



ul.nav li.cvetgreen
{
  background-color:green;
}
ul.nav li.cvetgold
{
background-color:gold ;
}
ul.nav li.cvetred
{background-color:red ; }