131538 - CSS state :active is sometimes incorrectly overridden

Status: VERIFIED INVALID

(Core :: CSS Parsing and Computation, defect)

Description

[Stefan Huszics]

From Bugzilla Helper:
User-Agent: Mozilla/5.0 (Windows; U; Win98; en-US; rv:0.9.9) Gecko/20020311
BuildID:    2002031104

On a html + CSS navbar I have specified different states in the following order.

:link
:visited
:hover
:focus
:hover:focus
:active

However it is rendered like this

:link
:visited
:hover
:focus
:active (here is the error)
:hover:focus

That is the :hover:focus rule is (incorrectly) overriding the :active state
(which is specified later in the actuall CSS)

If the :hover:focus rule is removed the active state shows correctly.

The active state also shows correctly when you rightclick the link once you move
the mouse "aways from a :hover state" while the contextmenu is still open.
This shows that the :active state isn't "broken" just incorrectly overwritten by
the :hover:focus rule

Reproducible: Always

Comment 1

[Hixie (not reading bugmail)]

Invalid. If a rule has twe (pseudo-)classes it has a higher specificity than one
with just one (pseudo-)class.

See http://www.w3.org/TR/REC-CSS2/cascade.html#specificity

Comment 2

[David Baron :dbaron: (⌚️UTC-5, no longer working on Mozilla)]

See also http://www.people.fas.harvard.edu/~dbaron/css/1999/09/links .  Note
that MSIE for Windows has bugs in this area.