No replies
essentialred
Offline
newbie
Last seen: 9 years 31 weeks ago
Timezone: GMT-5
Joined: 2011-02-20
Posts: 1
Points: 2

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.