Exemplo
Selecione e estilo links não visitados:
a:link
{
background-color: yellow;
}
Tente você mesmo " Mais "Try it Yourself" exemplos abaixo.
Definição e Uso
A: O seletor de link é usado para selecionar links não visitados.
Note: A: selector link não faz ligações estilo que já visitou.
Tip: Use a : visited seletor para ligações de estilo para páginas visitadas, a : hover seletor para ligações de estilo quando você passa o mouse sobre eles, e a : active seletor para ligações de estilo quando você clicar sobre eles.
Versão: | CSS1 |
---|
Suporte a navegadores
Os números na tabela especifica a primeira versão do navegador que suporta plenamente o selector.
seletor | |||||
---|---|---|---|---|---|
:link | 4.0 | 7 | 2.0 | 3.1 | 9,6 |
CSS Syntax
:link {
css declarations ;
}
mais Exemplos
Exemplo
Selecione e estilo unvisited, visitado, pairar, e links ativos:
/* unvisited link */
a:link {
color: green;
}
/* visited link */
a:visited {
color: green;
}
/* mouse over
link */
a:hover {
color: red;
}
/*
selected link */
a:active {
color: yellow;
}
Tente você mesmo " Exemplo
links de estilo com estilos diferentes:
a.ex1:hover, a.ex1:active {
color: red;
}
a.ex2:hover, a.ex2:active {
font-size: 150%;
}
Tente você mesmo " Páginas relacionadas
Tutorial CSS: Ligações CSS
Tutorial CSS: as classes CSS Pseudo