44360 - :hover rule not working correctly

Status: VERIFIED INVALID

(Core :: CSS Parsing and Computation, defect, P3)

Description

[Christos Cheretakis]

On the above page there's a menu with six main options, all of them having a
:hover rule thru the linked stylesheet. :hover is only working for the first and
second menu item, but not the other four!
Using linux/062920

PS: If you want me to create an attachment with translated menu items so that we
can better communicate, just ask!

Comment 1

[Pierre Saslawsky]

You can notice that:
1) :hover works for the other items too if you visit them first. 
2) This problem doesn't happen with submenu items (the items that appear 
underneath the main menu item that is selected).

The 6 main menu items belong to the SideLinks class. The problem is that the CSS 
files contains the "A.SideLinks:hover" declaration prior to the 
"A.SideLinks:link" declaration *and* everything in :hover is overridden by :link.

To fix the problem you can either reverse the order of :hover and :link (exactly 
as it is for the submenu items with the SideLinkNormal class), or change 
something in the :link declaration in order not to completely override the :hover 
declaration (for instance, remove the COLOR:#000000).

See the testcase that I'm going to attach for more info.
Closed as Invalid.

Comment 2

[Pierre Saslawsky]

Attachment: testcase

Comment 3

[ckritzer (gone)]

Marking VERIFIED INVALID per Pierre's comments.