CSS'le yapılabilen hoş bir cambazlık

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

a{
color: black;
text-decoration:none;
}

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.

a[href$=".pdf"]{background: url(img/pdfImage) no-repeat right center;padding-right: 1em;
}

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.

Kaynak: http://www.detacheddesigns.com/blog/blogSpecific.aspx?BlogId=52