Css ile linklere özel bir yapı atamak

Diyelim ki sayfanızın sitil sayfasında linklerinize özel bir yapı hazıladınız. Bunu yapmanın yöntemini çoğumuz biliyoruz:

gibisinden bir şeyler. Ama ben öylesine bir şey istiyorum ki, sayfamda verdiğim link "http:" ile başlarsa sitili ayrı, "pdf" ile biterse sitili ayrı konumlandırmak istiyorum. Bunu nasıl yaparım? Şöyle ki:

a[href^="http:"]{background: url(img/externalLinkImage) no-repeat right center;padding-right: 1em;}

yapısı sayfanızda "http:" ile başlayan linkleri anlatır. Geri kalanı bildiğimiz gibi. Buradaki ^ işareti baş manası taşıyor.

Bu kodda ise .pdf ile biten linkleri ayırıyoruz ve ona özel bir yapı kodluyoruz. Buradaki $ ise sonu manası taşıyor.

Kendi dileğiniz doğrultusunda bu CSS’leri kullanabilirsiniz.