CSS3 – A pseudo-classe :target
Postado por: Pedro Rogério emCom a chegada das CSS3, que ainda estão em desenvolvimento, eu fico a cada dia mais surpreendido com o seu grande potencial, só não fico mais ainda devido a nosso querido amigo Internet Explorer, mas isso é um caso a parte. Hoje tomei conhecimento de mais uma pseudo-classe das CSS3 chamada :target, onde você pode manipular as âncoras da sua página. Para aqueles que não sabem o que é uma âncora em HTML, imagine uma URL com um sinal de tralha (#) seguido de um nome de âncora ou um ID de qualquer elemento, que ao você clicar é levado para o local ou destino indicado no mesmo documento. Esse destino também pode ser chamado de :target, exemplo:
http://www.exemplo.com/top.html#secao_2
O exemplo acima ilustra bem o que foi dito. Agora, se utilizar-mos a pseudo-classe :target podere-mos aplicar qualquer estilo CSS a âncora em questão no momento em que o usuário clicar na mesma. Levem em consideração o seguinte CSS:
*:target { color:#8A7575; background-color:#D0C8C8; border:3px double #000; }
*:target::before { content:url(target.png) }
Agora, abram esse exemplo. Experimentem clicar no link do topo da página, como podem ver, é aplicado os estilos definidos somente a âncora especificada, com isso é possível fazer muita coisa interessante, só basta colocar a cabeça pra funcionar. E lembrando que essa propriedade só funciona nos Browsers baseados no motor Gecko, Konqueror e Safari.
Referências
Sobre Pedro Rogério
Pedro Rogério é desenvolvedor web por paixão, não saberia fazer melhor outra coisa. Além de escrever para o Pinceladas da Web também escreve para o CSS no Lanche, blog voltado ao desenvolvimento front-end.
Muito bacana.
CSS3 pelo visto vai ser demais. Mas não poderemos usar ainda…Já que a maioria dos usuários leigos ainda usam o IE6. Se pelo menos, a MS liberasse o IE7 para todos os users, até os que usam SO piratas (a maioria)…já seria um avanço. Tá certo que o IE7 é uma bosta, mas em comparação ao antecessor…nossa…da de 10 à 0.
Mas o povo Brasileiro só tem IE na cabeça. Muita gente nem sabe o que é Opera, Firefox… pensam que só existe o perturbador e desgraçado Internet Explorer.
É triste.
Cara, eu logo ja imaginei um esquema para abrir fotos sem ter q carregar outras pastas!
Sensacional esta tag!
Pena que existe essa maldição da Microsoft! :-S
I hate IE!