Задать вопрос
@r_r_r_r_r
html

Что делать, если не меняется цвет навигационных ссылок?

Не меняются ссылки на цвет , который задал. Как решить проблему ?
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="style.css">
    <title>Document</title>
</head>
<body>

    <header class="header">
     <div class="container">
      <div class="header-line">
        <div class="header-logo">
          <img src="./images/logo.png" alt="">
        </div>
        <nav class="nav">
         <a href="@">ГЛАВНАЯ</a>
         <a href="@">МЕНЮ</a>
         <a href="@">О НАС</a>
         <a href="@">БРОНЬ</a>
        
        </nav>
        <div class="cart">
          <a href="#">
            <img src="./images/cart.png" alt="">
          </a>
        </div>
        <div class="phone">
          <div class="phone-img">
            <img src="./images/phone.png" alt="">
          </div>
          <div class="number">
            <a href="#">+999-888-76-54</a>
          </div>
          <div class="phone-text">
           Свяжитесь с нами для бронирования
          </div>


          <div class="btn">
            <a href="#">ЗАКАЗ СТОЛИКА</a>
          </div>
        </div>
      </div>
     </div>
    </header>
    
</body>
</html>

@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap');

body {
    margin: 0;
    font-family: "Open Sans", serif;
}

.container {
margin: 0 166px;
}

.header {
 background-image: url("./images/bg.jpg");
 height: 100vh;
 background-repeat: no-repeat;
 background-size: cover;
}

.header-line {
padding-top: 50px;
display: flex;
align-items: center;
}

.nav {
    color: #fff;
}

67b62f4fa5598491066221.png
  • Вопрос задан
  • 88 просмотров
Комментировать
Подписаться 1 Простой Комментировать
Пригласить эксперта
Ответы на вопрос 3
Ankhena
@Ankhena Куратор тега CSS
Нежно люблю верстку
Да что ж такое.
Я вам в прошлом вопросе написала тактику.
Не меняются ссылки на цвет , который задал.

Нет, не задали.
Задали для nav, для ссылок - нет.
Как решить проблему ?

Задать.

Также рекомендую начать пользоваться инструментами разработчика в браузере. Он отлично показывает что и почему применилось. У синей (или посещенной фиолетовой) будет написано user agent stylesheet, т.е. стили браузера по умолчанию.

Ссылки не наследуют свойство color.
Чтобы изменить цвет ссылки, нужно ей задать это свойство.
Если нужно, чтобы она была такого же цвета, как родитель, то использовать значение inherit
.nav a {
  color: inherit;
}


p.s. Для доступности меню верстают списком внутри тега nav.
Ответ написан
Комментировать
Комментировать
VoidVolker
@VoidVolker
Dark side eye. А у нас печеньки! А у вас?
Открыть инструменты разработчика и продебажить. Цвет ссылкам вы не задали - поэтому он и не менется.
Ответ написан
Комментировать
Комментировать
@Ag_go 
.nav > a {
    color: #fff;
}

https://htmlbook.ru/css/hover
Ответ написан
Комментировать
Комментировать
Ваш ответ на вопрос

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

Похожие вопросы
Вакансии с Хабр Карьеры
Frontend разработчик
Битворкс
от 2 500 до 4 000 $
Fullstack Developer под Wordpress
Future Search
от 90 000 до 150 000 ₽
Middle Project Manager (внутренние проекты)
FOXIBLE • Москва
от 70 000 ₽
Ещё вакансии