El selector :target
Todos sabemos cómo enlazar a un elemento con un
id
especificado dentro de una página ( !OJO¡: el atributo name
ya no es compatible con HTML5 ).<p id="arriba">Arriba</p>
. . . .
<a href="#arriba">Ir arriba</a>
El elemento enlazado es un elemento de destino, o un elemento "target". Podemos dar formato al elemento de destino utilizando el selector
:target
de CSS3.:target { border: 1px solid #d9d9d9; background-color:#FFC; }
Vea un ejemplo de como utilizar el pseudo-selector ![star](data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAYAAABWdVznAAAA/klEQVQoU3WQMZIBYRCFX48Jtgi4gZHZmkhAihsQErnBrhvsDRxhCIwQJyA2gRGokuEGEmqr7GrdGPUPNRP98/73/a9fE4zv0w++LeBHpKyp6/mfUN+0ynN6vSiOlk6K//qiVy9AlwlhijFLBJzxMpc+nWdEWK3blc7jge0TcP2AX1MAHqjZHS46APVAyMUAjZaLncXsgXj6NBN5zNhLWj4G6I91QU0KfR3TdiFzOjcg5nsHeyKdQvE0bqV1pIh2/UVf5qsSyDE3o9vT8m+AmhQCY64J0UOq6zJ2zdIhlmCWN5NN/Qa8b+mumAmRh4qjoJYE/H7YoY4RS0gyJ+lXBviSDaxQWVkAAAAASUVORK5CYII=)
Vea una sencilla galeria de imágenes
hecha utilizando el pseudo-selector
:target
Vea una sencilla galeria de imágenes
:target
0 Comentarios