[Webkit-unassigned] [Bug 24217] Combining dynamic pseudo-classes hover and focus fails!

[bugzilla-daemon at webkit.org]

https://bugs.webkit.org/show_bug.cgi?id=24217


mitz at webkit.org changed:

           What    |Removed                     |Added
----------------------------------------------------------------------------
             Status|UNCONFIRMED                 |RESOLVED
         Resolution|                            |INVALID




------- Comment #5 from mitz at webkit.org  2009-02-27 10:09 PDT -------
(In reply to comment #4)
> This selector...
> a:focus:hover {background-color: #000; color: #fff;}
> 
> ...should have the *EXACT* same effect as *both* of these selectors...
> a:focus {background-color: #000; color: #fff;}
> a:hover {background-color: #000; color: #fff;}

According to <http://www.w3.org/TR/CSS21/selector.html#selector-syntax>,
"A simple selector is either a type selector or universal selector followed
immediately by zero or more attribute selectors, ID selectors, or
pseudo-classes, in any order. The simple selector matches if all of its
components match". So the simple selector "a:focus:hover" matches only if the
element has the tag <a>, is focused, and is hovered.

"When several selectors share the same declarations, they may be grouped into a
comma-separated list", so instead of the two rules

> a:focus {background-color: #000; color: #fff;}
> a:hover {background-color: #000; color: #fff;}

one may write

a:focus, a:hover {background-color: #000; color: #fff;}


-- 
Configure bugmail: https://bugs.webkit.org/userprefs.cgi?tab=email
------- You are receiving this mail because: -------
You are the assignee for the bug, or are watching the assignee.