JSFiddle - React, Tailwind, and code Playground

HTML

<ul>
    <li id="a1"><a href="#a1">Ольга</a></li>
    <li id="b"><a href="#b">Света</a></li>
    <li id="c"><a href="#c">Света</a></li>
 </ul>

CSS

li {
    list-style: none;
    background: gray;
    margin-bottom: 3px;
    height: 120px;
    padding-left: 130px;
    line-height: 120px;
}
a {
    display: block;
    height: 100%;
    color: #fff;
    text-decoration: none;
   
}

li#a1:target {
    background: blue url(http://s1.iconbird.com/ico/0612/Birdies/w128h1281339416132sunbird3.png) no-repeat 0 0;
}
li#b:target {
    background: red url(http://s1.iconbird.com/ico/0612/Birdies/w128h1281339416132sunbird3.png) no-repeat 0 0;
}
li#c:target {
    background: green url(http://s1.iconbird.com/ico/0612/Birdies/w128h1281339416132sunbird3.png) no-repeat 0 0;
}