Подскажите, пожалуйста, почему не работает свойство hover у ссылки

Question

Подскажите, пожалуйста, почему не работает свойство hover у ссылки

Рейтинг: 0Ответов: 0Опубликовано: 27.08.2023

Помогите, пожалуйста, с изменением цвета ссылки. В теории должно работать, а на практике - не хочет. Вот html код, в котором расположены ссылки:

<!DOCTYPE HTML>
<html>
<head>
<link rel="stylesheet" type="text/css" href="/style.css">
</head>
<body>

<header>
<span class="sitename">Name Of Site</span>
<span class="motto">Slogan of the site</span>
<nav>
    <a href="/">Main Page</a>
    <a href="/">Second Page</a>
    <a href="/">Third Page</a>
    <a href="/">Fourth Page</a>
    <a href="/">Fifth Page</a>
    <a href="/">Sixth Page</a>
</nav>
</header>

<hr>
<main></main>  
<footer></footer>
</body>
</html>

Вот свойства CSS для ссылок внутри тега nav:

nav a {
padding: 0 0.5rem;
font-size: 1.9rem;
font-weight: bold;
text-decoration: none;
}

nav a:hover {
color: #CE242B;
text-decoration: underline;
}

a, nav a:visited {
color: #134799;
}

Вроде всё верно, но цвет ссылок неизменный :( Подскажите, пожалуйста, в чём может быть проблема?

css hover

Источник: Stack Overflow на русском

Подскажите, пожалуйста, почему не работает свойство hover у ссылки

Ответы