JSFiddle - React, Tailwind, and code Playground

by Wolf Wortmann

HTML

<ul>
    <li><a href="#eins">Punkt 1</a></li>
    <li><a href="#zwei">Punkt 2</a></li>
    <li><a href="#drei" class="neu">Punkt 3</a></li>
</ul>

CSS

ul{
    list-style-type: none;
    padding-left: 0;
}
ul a{
    background-color: #FFF;
}
ul a:link{
    background-color: #FF8800;
}
ul a:visited{
    background-color: #FF4000;
}
ul a:hover{
    background-color: #0040FF;
}
ul a:active{
    background-color: #FF0040;
}
ul a.neu{
    background-color: #A901DB;
}
a{
    display: block;
    width: 200px;
    text-align: center;
    border-bottom: 1px solid grey;
}