Exemplo
Selecione e estilizar o link ativo:
a:active
{
background-color: yellow;
}
Tente você mesmo " Mais "Try it Yourself" exemplos abaixo.
Definição e Uso
A: selector ativo é usado para selecionar e estilizar o link ativo.
Um link fica ativo quando você clicar nele.
Dica: A: selector ativo pode ser usado em todos os elementos, e não apenas links.
Tip: Use o : Link seletor para ligações de estilo para páginas não visitados, a : visited seletor para ligações de estilo para as páginas visitadas, ea : hover seletor para ligações de estilo quando você passa o mouse sobre eles.
Note: : active DEVE vir após: hover (if present) na definição da CSS de modo a ser eficaz!
| Versão: | CSS1 |
|---|
Suporte a navegadores
Os números na tabela especifica a primeira versão do navegador que suporta plenamente o selector.
| seletor | |||||
|---|---|---|---|---|---|
| :active | 4.0 | 7 | 2.0 | 3.1 | 9,6 |
Nota: IE8 e versões mais recentes suportam o: seletor ativa em todos os elementos. IE7 suporta apenas o: seletor ativa em links.
CSS Syntax
:active {
css declarations ;
}
mais Exemplos
Exemplo
Selecione e estilo <p>, <h1> e <a> elemento quando você clica nele:
p:active, h1:active, a:active {
background-color: yellow;
} Tente você mesmo " 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