Hey, I'm creating a website for the first time since frames and tables went out of fashion, and am using CSS to style my html.
I am running into a funny browser compatibility problem that I haven't been able to find an answer to online:
In my style sheet, I made a psuedo-class to use on links that I wanted to look different from the others on the site:
a.s:link { font-size: .8em; }
I then apply it like this:
<a class="s" href="url.html">LINK</a>
I apply this class to three different links. In Safari and IE, the links are styled the way I said, with the smaller font size. In Firefox, only one of the links is styled. Weirdly, if I copy and paste the one styled link multiple times, the class is applied to all of them. If I change the LINK text and url, it no longer applies.
I am kind of at a loss for what to do...tempted to just cheat and use <font>
tags! Any help or suggestions about why FF might be teasing me like this would be hugely appreciated.