Attach Icons Via Your CSS

The usefulness of a little good style sheet creation can go a long way. The most recent CSS tip that I have run across has to do with adding images to just about anything and everything using CSS. Now you have seen the icons that trail links (or that might show up before links) but how do you automate something like that?

Here is an example from the tutorial I found via Hunlock.com:

Thanks to CSS selectors it’s possible to attach icons to anything you want just by adding an attribute of your choosing to your HTML. You can even add them automatically for file types. Here’s how.

A few days ago, while using stumble-upon, I stumbled on a site which showed how to conditionally append icons to the end of hypertext links using css. What made the article interesting was that it used CSS conditionally. For instance…

As you can see there is no rocket science to any of this. If I think this is something I might be able to do myself, I know all of you smart folks can. So if your looking for a neat way to spruce up those hyperlinks of yours, but did not know which way to turn, you might read over this tutorial on the subject.