JSFiddle - React, Tailwind, and code Playground

by Alexandru Gatea

HTML

<ul>
  <li>
  <a href="#!" class="example">My custom link</a>
  </li>
  <li>
    <a href="#!">second link</a>
  </li>
    <li>
    <a href="#!">second link</a>
  </li>
    <li>
    <a href="#!" id="example">second link</a>
  </li>
</ul>

CSS

.example {color: blue}

#example {color: pink}

ul li a {color: red}

ul a {
  color: green;
}

a {
  color: black;
}