The :hover pseudo-class fires when the user hovers over the element, but does not necessarily activate it. This style can be overridden by other link-related pseudo-classes such as :link, :visited, and :active appearing in the appropriate order. To style links properly, you need to insert the :hover rule before the :link and :visited rules, but after the :active. The :hover pseudo-class can be applied to any pseudo-element.


element:hover {
  property: value;