Finally, a CSS only solution to :hover on touchscreens
TL; DR: It’s
@media(hover: hover) and (pointer: fine) {}
, but the specification has not been finalized yet.
There have been problems with the :hover
pseudo-class ever since the first web browser was installed on a touchscreen device. Of course there were solutions, but none of those were the solution. With the new Level 4 Media Queries, this issue seems like it’s solved…