Кексби. Базовая стилизация / Навигационные ссылки (4/23)

Не исполняется вторая цель с подчеркиванием. Хотя в браузере при наведении подчеркивание появляется.

.main-nav a {
color:white;
text-decoration:none;
}
.main-nav a:hover {
border-bottom:2px solid white;
}
.main-nav a:active{
border-bottom:2px solid ;
color:rgba(255,255,255,0.3);
}

Здесь вы должны воспользоваться тем же свойством, text-decoration, значение - underline.

Где ошибка? Не срабатывает 3-я цель: задать белый цвет текста на 70% прозрачный для активной ссылки

.main-nav a {
color: white;
text-decoration: none;
}
.main-nav a:hover {
text-decoration: underline;
}
.main-nav a:active {
color: rgba (255, 255, 255, 0.3);
}

Пробел перед скобкой ( не ставится.

1 лайк

.main.nav a {
color: white;
text-decoration: none;
}

.main-nav a:hover {
text-decoration: underline;
}

.main.nav a:active {
color: rgba(255, 255, 255, 0.3);
text-decoration: underline;
}

Не срабатывают 1 и 3 цели, в чем причина?

</></>

1 лайк

точно :))) Спасибо