libro de referencia CSS

reglas CSS (RULES)

大全 de propiedades CSS

Funciones CSS (Functions)Manual completo de selectores CSS

CSS3 Selector :target

:target CSS pseudo-class representa un elemento de página único (elemento de destino), cuyo id coincide con la parte del URL actual .

Manual de referencia de selector CSS completo

Ejemplo en línea

Resaltar el ancla HTML activo:

Ejemplo

!DOCTYPE html
<html>
<head>
<meta charset="utf-8">　
<title>Guía básica (oldtoolbag.com)</title>　
<style>
:target
{
　　　　borde:　2px sólido rojo;
　　　　fondo-color: amarillo;
}
</style>
</head>
<body>
<h1>Este es un título</h1>
<p><a href="#news1">Ir al contenido　1</a></p>
<p><a href="#news2">Ir al contenido　2</a></p>
<p>Haz clic en el enlace superior y luego: el selector :target resaltará el ancla HTML activo.</p>
<p id="news1><b>Nuevo contenido　1...</b></p>
<p id="news2><b>Nuevo contenido　2...</b></p>
<p><b>Nota:</b>IE　8　Los navegadores de versiones anteriores no admiten el selector :target.</p>
</body>
</html>

Prueba y mira ‹/›

Definición y uso

:target

# El nombre del ancla es la URL que apunta a un elemento en un archivo. El elemento está enlazado al elemento de destino.

El selector :target se puede usar para aplicar estilos al elemento target activo.

Compatibilidad del navegador

Los números en la tabla representan la versión del primer navegador que admite la propiedad.

Selector
:target	4.0	9.0	3.5	3.2	9.6

Manual de referencia de selector CSS completo

Funciones CSS (Functions)Manual completo de selectores CSS