Hosting Solutions
mobile_logo Table of Contents
seal_frontseal_back

hover

The hover user action pseudo-class selector will target elements when the user mouse hovers over them.
Syntax Logicelement:hover { property_list }

CSS Code Example

<style> .myList li { background:#CEE7FF; padding:12px; margin:4px; color:#06F; } .myList li:hover { background:#B7FFC4; padding:12px; margin:4px; color:#090; } </style> <ul class="myList"> <li>List Item 1</li> <li>List Item 1</li> <li>List Item 1</li> </ul>

CSS

Selectors

universaltypecompoundclassidnotattributedescendantchildadjacent siblinggeneral siblingfirst childlast childonly childfirst of typelast of typeonly of typenth childnth last childnth of typenth last of typeemptyrootfirst linefirst letterbeforeafterlinkvisitedhoveractivefocustargetenableddisabledcheckedlang