Как изменить цвет выбранной опции на боковой панели с помощью CSS? ⇐ CSS

[Anonymous]

Мне не удается понять, как изменить цвет выбранного параметра на боковой панели. Например, у меня есть 4 варианта, и я нажимаю первый вариант. Я хочу, чтобы первый вариант на боковой панели всегда имел белый цвет фона. Все, что у меня сейчас есть, это просто опция наведения, при которой меняется цвет фона. Могу ли я получить это, используя только CSS HTML? В ходе своих исследований я видел несколько примеров в JavaScript и PHP, но мне интересно, смогу ли я сделать это, используя только CSS HTML. Ниже приведен мой текущий код:

Код: Выделить всё

.flexContainer {
display: flex;
}

.flexContainer > div {
margin: 10px;
padding: 20px;
font-size: 20px;
text-align: center;
}

.sidebarContainer {
flex-shrink: 1;
}

.sidebar {
width: 200px;
background-color: #dd1d5e;
overflow: auto;
border-radius: 30px;
}

.sidebar a {
display: block;
color: white;
padding: 16px;
text-decoration: none;
}

.sidebar a:hover:not(.active) {
background-color: #ffffff;
color: #dd1d5e;
}

Код: Выделить всё

[url=category.php]Holiday[/url]
[url=category.php]Vegetarian[/url]
[url=category.php]Dessert[/url]
[url=category.php]Cultural Cuisine[/url]

Подробнее здесь: https://stackoverflow.com/questions/644 ... -using-css