CSS :hover Selector

The :hover pseudo-class applies while the user designates an element with a pointing device, but does not necessarily activate it. For example, a visual user agent could apply this pseudo-class when the cursor (mouse pointer) hovers over a box generated by the element. User agents that do not support interactive media do not have to support this pseudo-class. Some conforming user agents that support interactive media may not be able to support this pseudo-class (e.g., a pen device that does not detect hovering).

:hover {
    css declarations;
a:hover {
   color: #3366ff;
   background: #ffff99;

Click the button below to experiment with this selector.

Give it a Try!

2.0Firefox 7.0Explorer 4.0Chrome 3.1Safari 9.6Opera