CSS hover options

There are two options to implement hover in CSS.

Regular :hover

<a href="#">Link</a>
<style>
a {color: blue;}
a:hover {color: #fff; background-color: blue;}
</style>

Conditional :hover with @media (hover: hover)

<a href="#">Link</a>
<style>
a {color: blue;}
@media (hover: hover) {
  a:hover {color: #fff; background-color: blue;}
}
</style>

Browser support for @media (hover: hover)