GUJ Discussões   :   últimos tópicos   |   categorias   |   GUJ Respostas

Ajuda na utilização do Hover


#1

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;
}

Duvidas CSS
#2

https://jsfiddle.net/dj9L477d/


#3

Vinicius tenho duas recomendações para você, primeiro não use o id para tags, só se for uma tag que não irá mais utilizar, de preferência em usar as class.
segundo seu código tem um pequeno erro.

se quer mudar o link de cor use somente o código abaixo
a:hover { color:purple;}


#4

Bom, vamos lá, assim… você tem no HTML uma tag “” ok.
e vc tem no Css um seletor que vai se chamar de “a”.
o código é o seguinte…

/aqui em baixo pode ser sua página css/

a{ tect-decoration } a:hover{ color: red; }