Как задать стиль текста в диве?

.mail a {
    margin-left: 25px;
    font-weight: 700;
    text-decoration: none;
    color: #5b5b5b;
}

.mail a:hover {
    transition: 1s;
    color: #ff1e4f;
}

.telegram a {
    margin-left: 25px;
    font-weight: 700;
    text-decoration: none;
    color: #5b5b5b;
}

.telegram a:hover {
    transition: 1s;
    color: #ff1e4f;
}

Не реагирует никак
  • Вопрос задан
  • 1275 просмотров
Пригласить эксперта
Ответы на вопрос 3
@bogomazov_vadim
@baton4eg
web developer
ну так в css ошибка
у вас написано ".mail a" = ссылка находится внутри < a>< div class="mail">
а в разметке написано так, соответственно и стиль будет: "a.mail" = < a class="mail">
Ответ написан
Комментировать
dicem
@dicem
Чет я вобще в шоке с ответчиков.

Во первых у вас в html тэги не там закрыты.
<div class="nav">
    <div class="logo"></div>
    <div class="razdelitel"></div>
    <div class="social">
        <a class="be" href="#"></a>
        <a class="insta" href="#"></a>
        <a class="vk" href="#"></a>
    </div>
    <div class="contacts">
        <a class="mail">PRIMER@GMAIL.COM</a>
        <a class="telegram">@PRIMER</a>
    </div>
</div>


Валидный css:
.mail {
    margin-left: 25px;
    font-weight: 700;
    text-decoration: none;
    color: #5b5b5b;
}

.mail:hover {
    transition: 1s;
    color: #ff1e4f;
}

.telegram {
    margin-left: 25px;
    font-weight: 700;
    text-decoration: none;
    color: #5b5b5b;
}

.telegram:hover {
    transition: 1s;
    color: #ff1e4f;
}
Ответ написан
Комментировать
Ваш ответ на вопрос

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

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