CSS Avançado - Selecionando links pela extensão
3 participantes
Página 1 de 1
CSS Avançado - Selecionando links pela extensão
Eae pessoal! Vim trazer uma dica bacana aqui para vocês, que é selecionar link através de sua extensão, como assim?
Todo link para uma imagem por exemplo tem sua extensão não é? Algo como: www.imagelink.png
Digamos que você queira estilizar todos os links que levam para uma imagem png.. Veja como é feito:
Para uma imagem jpg usamos:
Simples não é? Não sei como é a aceitação entre os navegadores, mas aqui no Mozilla funciona bem..
Espero que seja útil!
Todo link para uma imagem por exemplo tem sua extensão não é? Algo como: www.imagelink.png
Digamos que você queira estilizar todos os links que levam para uma imagem png.. Veja como é feito:
- Código:
a[href$=".png"] {
/* your stuff */
}
Para uma imagem jpg usamos:
- Código:
a[href$=".jpg"] {
/* your stuff */
}
Simples não é? Não sei como é a aceitação entre os navegadores, mas aqui no Mozilla funciona bem..
Espero que seja útil!
Re: CSS Avançado - Selecionando links pela extensão
Bem simples, mas cumpre o que promete!
Resta testar em outros mas acredito que a compatibilidade é plena sim...
Gostei,
JS
Resta testar em outros mas acredito que a compatibilidade é plena sim...
Gostei,
JS
Re: CSS Avançado - Selecionando links pela extensão
É CSS3, mais em todos os que eu testei aqui funciona bem!
joelson0007- Moderadores
- Time Online : 28d 21h 58m 5s
Mensagens : 373
Data de inscrição : 15/06/2013
Localização : Guarapuava-PR
Tópicos semelhantes
» Selecionando atributos com CSS (Avançado)
» [Sem suporte] Problema com perfil avançado
» Encurtar links em troca de dinheiro...
» [Sem suporte] Problema com perfil avançado
» Encurtar links em troca de dinheiro...
Página 1 de 1
Permissões neste sub-fórum
Não podes responder a tópicos
|
|