As pseudo-classes
Pseudo-classes, modificam dependendo do estado.
- a:link
- a:visited
- a:hover
- a:active
a:link
É o link em seu estado normal.
Esta pseudo-classe deve aparecer primeiro.
Exemplo:
a:link {
color: #000000
}
Isto diz que o link em seu estado normal será preto, você personalizar a cor em código hexadecimal, e colocar mais o que quiser ali.
a:visited
É o link depois de ser visitado.
Exemplo:
a:link {
color: #000000
}
a:visited {
color: #ffffff
}
Isto diz que o link em seu estado normal é preto, e quando visitado branco.
a:hover
É o link quando se passa o mouse em cima.
Exemplo:
a:link {
color: #000000
}
a:visited {
color: #ffffff
}
a:hover {
color: #6d9def;
}
Isto diz que o link é preto, quando visitado é branco, e quando o mouse passa em cima é um tipo de azul.
a:active
É o link no momento em que foi clicado.
Exemplo:
a:link {
Exemplo:
a:link {
color: #000000
}
a:visited {
color: #ffffff
}
a:hover {
color: #6d9def;
}
a:active {
color: #DCDCDC;
}
Isto diz que o link é preto, quando visitado é branco, com o mouse em cima é um tipo de azul, e quando ativo é um tipo de cinza, chamado gainsboro.
Obrigado!
Eduardo Miorim
Postar um comentário