CSS problem since upgrade to v29.0.1

CharlesEF · Post by **CharlesEF** » May 21st, 2014, 7:06 am

Hi All,

This line of CSS no longer works in FF v29.0.1 'a:link{color:red;}'. In order to get it to work I have to change it to this 'a{color:red;}'. Has anyone else had this problem? Is this a new bug?

Thank you for any help,

Charles

jscher2000 · Post by **jscher2000** » May 21st, 2014, 4:03 pm

I don't see any documentation of a change...

https://developer.mozilla.org/en-US/docs/Web/CSS/:link
https://developer.mozilla.org/en-US/Fir ... patibility

Could you rule out a cached file issue by clearing your cache?

CharlesEF · Post by **CharlesEF** » May 21st, 2014, 8:40 pm

I have cleared the cache but I did it again and it made no difference. The link shows up as blue and not red. When I take out :link the link shows in red. It should work either way. IE8 shows it correctly.

Also, the CSS is in the correct order:
a:link{color:red;}
a:hover{text-decoration:none; color:green;}
a:active{text-decoration:none; color:yellow;}

This is my test page:

Code: Select all

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<style>
   a:link{color:red;}
   a:hover{text-decoration:none; color:green;}
   a:active{text-decoration:none; color:yellow;}
</style>
<title>A Test</title>
</head>
<body>
This is a test of the &lt;a&gt; element <a href="http://www.microsoft.com/" target="_blank">Microsoft</a>.
</body>
</html>

patrickjdempsey · Post by **patrickjdempsey** » May 21st, 2014, 9:38 pm

You can override the defaults by using !important tags, but it is kind of strange that straight CSS isn't working.

You are also apparently not alone, unless this is you:
https://support.mozilla.org/en-US/questions/998583

CharlesEF · Post by **CharlesEF** » May 21st, 2014, 10:04 pm

No, that is not me. I really think this is a new bug since v29.0.1 and adding !important should not be needed.

CharlesEF · Post by **CharlesEF** » May 21st, 2014, 10:26 pm

I added !important as a test but it made no difference, the link still shows in blue. The funny thing is that I can see the link flash red then back to blue when the page loads. This happens with or without !important.

patrickjdempsey · Post by **patrickjdempsey** » May 21st, 2014, 10:54 pm

Hmmm... that makes me suspect something else. Please try Safe Mode: Alt > Help > Restart with Addons disabled.

CharlesEF · Post by **CharlesEF** » May 22nd, 2014, 12:30 am

Already tried Safe Mode, made no difference. If take out the :link part then it works correctly, even in Safe Mode.

jscher2000 · Post by **jscher2000** » May 22nd, 2014, 6:44 pm

Works for me: http://jsfiddle.net/Rw2r3/

Could you double-check that you aren't overriding your page in the Options dialog? Content panel, Colors dialog.

CharlesEF · Post by **CharlesEF** » May 22nd, 2014, 8:28 pm

When I look at your jsfiddle page the first link (Microsoft) is blue (or maybe purple since you have that color defined for :visited). The other 3 are red. I think all 4 should be red, is it not? I changed the :visited color to orange and now any link I have clicked on is orange. I have added the :visited CSS to my file with an orange color and 2 new links (all three have been clicked). When I exit FF and launch it again the orange links remain. Ctrl-F5 does not seem to have any effect, the clicked links remain orange.

I did have a crash today and had to reboot, maybe my computer was to blame? Anyhow, now that I have clicked on all the links in my test page I can't get any of them to revert to red. (I have cleared the cache many times)

jscher2000 · Post by **jscher2000** » May 23rd, 2014, 5:18 pm

I think visited/unvisited status is based on history, which is not removed when you clear cache. Try a Private window (Ctrl+Shift+p) to see whether you can bypass history and confirm that the rules work or don't work.

----

My understanding is as follows:

a = general selector for all links
a:link = unvisited links, overrides a
a:visited = visited links, overrides a
a:hover = hovered links, overrides a, a:link, a:visited
a:active = selected links, overrides a, a:link, a:visited

I'm sure there's a W3 document somewhere with the exact details on that.

CharlesEF · Post by **CharlesEF** » May 24th, 2014, 12:28 am

I tried the private window and found that all 3 links appear in red. So it appears the rules work now. Maybe my computer crash had something to do with it? Anyway, thanks for the help. All is good in FF land.

CSS problem since upgrade to v29.0.1

CSS problem since upgrade to v29.0.1

Re: CSS problem since upgrade to v29.0.1

Re: CSS problem since upgrade to v29.0.1

Re: CSS problem since upgrade to v29.0.1

Re: CSS problem since upgrade to v29.0.1

Re: CSS problem since upgrade to v29.0.1

Re: CSS problem since upgrade to v29.0.1

Re: CSS problem since upgrade to v29.0.1

Re: CSS problem since upgrade to v29.0.1

Re: CSS problem since upgrade to v29.0.1

Re: CSS problem since upgrade to v29.0.1

Re: CSS problem since upgrade to v29.0.1