JSFiddle - React, Tailwind, and code Playground

by kaktusvit

HTML

<ul class="menu sf-menu">
<li class="page_item page-item-2">Пример страницы</li>
<li class="page_item page-item-17">Tест1</li>
<li class="page_item page-item-19">Контакты test</li>
<li class="page_item page-item-21">Вопрос ответ</li>

			</ul>

CSS

ul.sf-menu li
{
  display:inline;
  padding:1em;
  margin:1em;
  cursor: pointer;
}

.page-item-2 {
  background-color: green;
}

.page-item-2:hover {
  background-color: chartreuse;
}

.page-item-17 {
  background-color: yellow;
}

.page-item-17:hover {
  background-color: darkgoldenrod;
}

.page-item-19 {
  background-color: red;
}

.page-item-19:hover {
  background-color: tomato;
}
.page-item-21 {
  background-color: grey;
}

.page-item-21:hover {
  background-color: gold;
}