CSS ^ $选择器

a[href^="http"]{
    background:url(images/window.gif) no-repeat left center;
    padding-left:18px;
}

a[href$="pdf"]{
    background:url(images/icon_pdf.gif) no-repeat left center;
    padding-left:18px;
}

^匹配的是开头 $匹配的是结尾

举个栗子，上面两个类匹配的分别为

<a href="http://www.google.hk">Google</a>

<a href="http://www.google.hk/example.pdf">Google_PDF</a>