Substring attribute selector examples:

pdf link with icon.
pdf link with text
pdf link with styled text

The css code for this:



a.icon[href$=".pdf"]:after {
	content:url(pdf.gif) !important;
	padding-left:0.5em !important;
}


a.text[href$=".pdf"]:after {
	content:"(PDF)" !important;
	padding-left:0.5em !important;
	color:green;
}

a.texticon[href$=".pdf"]:after {
	content:"PDF" !important;
	background:#c00;
	color:#fff;
	font-size:0.5em;
	margin-left:0.5em !important;
	padding:1px 4px 0;
	border:1px outset #777;
	font-family:sans-serif;
}