CSS hover options
There are two options to implement hover in CSS.
<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>