JSFiddle - React, Tailwind, and code Playground

by satantx

HTML

<ul>
    <li>Первый пункт меню</li>
    <li>Второй пункт меню</li>
    <li>Александр Александрович</li>
</ul>

CSS

li {
    margin-bottom: 10px;
    position: relative;
    padding-left: 10px;
}

li:before {
    content: '[';
    color: transparent;
}

li:after {
    content: ']';
    color: transparent;
}

li:hover:after,
li:hover:before {
    color: red;
}