@chameleonestest

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

Здравствуйте.
Создал 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, то есть у первой ссылки обводка есть (хотя при клике на вторую ссылку ее не надо мне), а у второй она не появляется (я начинающий, прошу понять и простить, если что не так написал).

Очень хочу понять, в чем причина... Спасибо! :-)
  • Вопрос задан
  • 144 просмотра
Решения вопроса 1
Nolis
@Nolis
it-гопник
.popup__mem__ex:active a {
    border: 4px solid red;
}

https://codepen.io/Nolis/pen/abOmmMY jQuery
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы