Bom eu estou fazendo uma atividade para a faculdade onde quando eu passar o mouse sobre o link, ele deve mudar de cor. Depois de fazer algumas pesquisas eu continuo não conseguindo entender. Segue o código.
HTML
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta name="author" content="Vinícius Azevedo de Lima - 31603289">
<title>Revisão 2</title>
<link href="estilo.css" rel="stylesheet" type="text/css">
</head>
<body>
<form>
Nome: <input type="text" name="nome">
<br><br>
Em qual moeda prefere receber o seu salário?
<br>
<input type="radio" name="sal" value="real"> Real <br>
<input type="radio" name="sal" value="dola"> Dola <br>
<input type="radio" name="sal" value="euro"> Euro <br><br>
Seus times favoritos?
<select name="times">
<option value="corinthians">Corinthians</option>
<option value="palmeiras">Palmeiras</option>
<option value="santos">Santos</option>
<option value="sp">São Paulo</option>
</select><br><br>
Gostaria de fazer comentários?<br><br>
<textarea rows="10" cols="30"></textarea><br><br>
<input type="submit" value="Enviar">
<a id="link" href="http://portal.mackenzie.br/">Mackenzie</a>
</form>
</body>
</html>
CSS
form{
background-color: red;
font-family: sans-serif;
color: aqua;
}
#link{
text-decoration: none;
color: black;
}
a:hover a{
color:purple;
}