Witam, zaczynam tworzyć menu w html i css. Czy ktoś może wyjaśnić dlaczego w tym kodzie nie działają żadne pseudoklasy poza a:link?
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<link rel="stylesheet" href="styles.css">
</head>
<body>
<nav>
<ul>
<li><a href="#">Menu1</a></li>
<li><a href="#">Menu2</a></li>
<li><a href="#">Menu3</a></li>
<li><a href="#">Menu4</a></li>
<li><a href="#">Kontakt</a></li>
</ul>
</nav>
</body>
</html>
body {
background-color: lightblue;
}
nav li {
display: inline;
border: 1px solid green;
padding: 5px;
border-radius: 5px;
}
a:active {
color: green;
}
a:hover {
color: yellow;
}
a:visited {
color: white;
}
a:link {
color: red;
}