Às vezes, nosso blog geralmente fornece alguns recursos para outros baixarem, mas no PJBlog, todos os links de download são representados por apenas um ícone. Com o novo seletor de atributos CSS3, esta nova tecnologia pode exibir diferentes ícones de acordo com os diferentes tipos de arquivos baixados.
O que vamos usar aqui é
E [att$=value]{…}
Significa selecionar todos os elementos E terminando com valor. Então podemos escrever assim:
a[href$='.torrent'] {
preenchimento: 5px 20px 5px 0;
plano de fundo: url transparente (icons/icon_torrent.gif) sem repetição centro à direita;
}
a[href$='.vcard'] {
preenchimento: 5px 20px 5px 0;
plano de fundo: url transparente (icons/icon_vcard.gif) sem repetição centro à direita;
}
a[href$='.exe'] {
preenchimento: 5px 20px 5px 0;
plano de fundo: url transparente (icons/icon_exe.gif) sem repetição centro à direita;
}
a[href$='.dmg'], a[href$='.app'] {
preenchimento: 5px 20px 5px 0;
plano de fundo: url transparente (icons/icon_dmg.gif) sem repetição centro à direita;
}