1
resposta

nenhuma ação na pseudo-classe

Não houve nenhuma ação na pseudo-classe:

body{

    background-color: #F5F0DC;
    font-family: Helvetica, Arial, sans-serif;
    width:940px;
    margin-right: auto;
    margin-left: auto;

}

h2{
    background-color: #B3A742;
    background: -webkit-linear-gradient(top,#9C8F67, #C7BE9B)
    background: -o-linear-gradient(top,#9C8F67, #C7BE9B)
    background: -moz-linear-gradient(top,#9C8F67, #C7BE9B)
    border-radius:15px;
    border: 1px solid black;
    padding-top:5px;
    padding-left:5px;
    padding-bottom:5px;
    padding-right:5px;
    color:#FFFFFF;

}


figure{
    background-color: white;
    width:450px;
    text-align: center;
    padding:15px;
    font-family: 'Comic Sans MS', cursive;
    border: 1px solid black;
    box-shadow: 5px 5px 5px rgba (0,0,0,0.7);
    -webkit-transform: rotate(-5deg);
    -o-transform: rotate(-5deg);
}
    figure:hover {
        -moz-transform: rotate(-5deg);
}
#tb-nutri{
    width: :40%;
    margin-right: auto;
    margin-left: auto;
    border:1px solid black;
}
th{
    background-color: #FFFFFF;
}
nav ul li{
    display: inline;
    margin-right: 50px;

}

#topo{
    text-align: center;
}

a{
    color:blue;
    text-decoration:none;
}

a:hover{
    text-decoration:underline;
}
1 resposta

Oi Lucas,

Seu código está ok, a :hover vai mudar o estilo do elemento quando o mouse passar em cima dele.

No seu caso, todos os <a>. Testei aqui o seu código e está tudo ok.

Nas próximas aulas você verá outras pseudoclasses também.

Abcs!