Почему не переходит active при клике на ссылку?

Question

[chameleonestest]

Здравствуйте.
Создал ul li список со ссылками

<div class="popup__mem d-flex">
<div class="popup__mem__title"><h3>Объём памяти:</h3></div>
<ul class="popum__mems d-flex">
<li class="popup__mem__ex active">
<a href="#">64ГБ</a>
</li>
<li class="popup__mem__ex ">
<a href="#">128ГБ</a>
</li>
</ul>
</div>

В main.css прописал следующее

.popup__mem__ex a{
	font-family: Din Regular;
	font-size: 18px;
	padding-right: 15px;
	padding-left: 15px;
	padding-bottom: 3px;
	background: #f0f0f0;
	border-radius: 50px;
	padding-bottom: 7px;
	padding-top: 5px;
	text-align: center;
	margin-right: 15px;
	color: #000;
	text-decoration: none;
}
.popup__mem__ex.active a {
    border: 4px solid red;
}

Проблема состоит в том, что когда я кликаю на второй элемент ul у меня не переходит active, то есть у первой ссылки обводка есть (хотя при клике на вторую ссылку ее не надо мне), а у второй она не появляется (я начинающий, прошу понять и простить, если что не так написал).

Очень хочу понять, в чем причина... Спасибо! :-)

Answer 1

[Andrey Vasilev]

.popup__mem__ex:active a {
    border: 4px solid red;
}

https://codepen.io/Nolis/pen/abOmmMY jQuery

Comments

[chameleonestest]

Спасибо, но теперь при клике рамка появляется, а обводка сбрасывается.
Подскажите, может есть вариант её зафиксировать?

[Andrey Vasilev]

chameleonestest, javascript

[chameleonestest]

Хм, а может есть какая-нибудь инструкция?
P.S. Я тоже костромич)))

[Andrey Vasilev]

chameleonestest, https://codepen.io/Nolis/pen/mdJrrGo?editors=1111
оо, учишься где-то?

[Andrey Vasilev]

chameleonestest, + код написан на jquery, так что подключи его перед </body>

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>

[chameleonestest]

Спасибо большое!
Не учусь, работаю) Но вот увлекся версткой и интересно же!
Еще раз большое спасибо!

[Andrey Vasilev]

chameleonestest, хорошо, если что можешь писать в ВК, всегда рад помочь :)

[chameleonestest]

Хорошо, спасибо большое! Очень круто!