Why don't you create a .CLASS for the special effects (or a couple of classes, one for each effect). Remember you can apply multiple space-separated classes to one element <div id="main" class="button shadow">...</div>.
Or better, "contextually" style links for specific sections
Here is my problem, this is an old site that is all HTML that has 200+ pages. Changing tags in the HTML isn't an option at this point.
Does any one see any way of doing this. As it is now any properties that I apply to a:link are showing up on any button that I have. I just want to be able to style text links and not links that are a button.
Button looks something like below and is styled to have a drop shadow and round corners.
I find this odd behaviour so maybe some one can shed some light on it.
The drop shadows that are being applied in the a selector are adding a drop shadow that is the height of the text but wider then the button. So I get this second drop shadow sticking out the ends of the buttons.