Clarification of :hover and :active

Currently Gecko and WebKit do different things with this:

#button:hover:active {background: green;}
#button:active {background: blue;}
<div id="button">Div button is div</div>

Gecko changes the background to blue when you click on the div and
then drag out; WebKit leaves the background blue.

The specification doesn't really say which one is correct - in
particular "The :hover pseudo-class applies while the user designates
an element with a pointing device" (from
seems to leave both behaviors open.

Is this intended to be left up to implementors?


Received on Tuesday, 5 July 2011 01:21:21 UTC