manual de referência CSS

regras CSS (RULES)

大全 de atributos CSS

Funções CSS Manual Completo de Selectores CSS

CSS3 Seletor :target

:target CSS pseudo-classe representa um elemento de página único (elemento de destino), cujo id coincide com o fragmento da URL atual .

Manual completo de seletores CSS

Exemplo online

Destaque do âncora HTML ativo:

Exemplo

!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">　
<title>Tutorial básico (oldtoolbag.com)</title>/title>　
<style>
:target
{
　　　　borda:　2px sólido vermelho;
　　　　fundo-cor: yellow;
}
</style>
</head>
<body>
<h1>Esta é uma título</h1>
<p><a href="#news1">Ir para conteúdo　1</a></p>
<p><a href="#news2">Ir para conteúdo　2</a></p>
<p>Clique no link acima e, em seguida: o seletor :target destacará o âncora HTML ativo.</p>
<p id="news1><b>Novo conteúdo　1...</b></p>
<p id="news2><b>Novo conteúdo　2...</b></p>
<p><b>Atenção:</b>IE　8　E os navegadores de versões mais antigas não suportam :target.</p>
</body>
</html>

Teste e veja ‹/›

Definição e uso

:target

# O nome do âncora é a URL que liga a um elemento em um arquivo. O elemento é ligado ao elemento de destino.

O seletor :target pode ser usado para estilizar o elemento target ativo.

Compatibilidade do navegador

Os números na tabela representam a primeira versão do navegador que suporta essa propriedade.

Seletor
:target	4.0	9.0	3.5	3.2	9.6

Manual completo de seletores CSS

Funções CSS Manual Completo de Selectores CSS