285256 - Text link "rollover" depends on order in CSS file

Status: RESOLVED INVALID

(Core :: CSS Parsing and Computation, defect)

Description

[Michele Beltrame]

User-Agent:       Mozilla/5.0 (X11; U; Linux i686; en-US; rv:1.7.6) Gecko/20050301 Firefox/1.0.1
Build Identifier: Mozilla/5.0 (X11; U; Linux i686; en-US; rv:1.7.6) Gecko/20050301 Firefox/1.0.1

I found out a thing about text links which make the rollover (i.e. change of the
color when you pass over with the mouse) working or not working depending on the
order of the classes in the CSS.

This CSS works:

.prova a:link {
  color: #ff0000;
}

.prova a:visited {
  color: #ff0000;
}

.prova a:hover {
  color: #00ff00;
}

.prova a:active {
  color: #00ff00;
}


while this doesn't:

.prova a:active {
  color: #00ff00;
}

.prova a:hover {
  color: #00ff00;
}

.prova a:link {
  color: #ff0000;
}

.prova a:visited {
  color: #ff0000;
}

You can take a look at the URL I included to see it reproduced (
http://www.italpro.com/mozbug/roll.html works, while
http://www.italpro.com/mozbug/roll2.html doesn't).


Reproducible: Always

Steps to Reproduce:
1. Go here: http://www.italpro.com/mozbug/roll.html (this works)
2. Go here: http://www.italpro.com/mozbug/roll2.html (this doesn't work)
3.

Comment 1

[Christian :Biesinger (don't email me, ping me on IRC)]

not a bug. see http://dbaron.org/css/1999/09/links "Common Mistakes" last item.