Hoverable

Syntax

Class
Properties
hoverable:
@media (hover: hover) { ... }
not-hoverable:
@media (hover: none) { ... }

Specification test cases

The test cases below are imported from the Turbo CSS specification. They have been executed upon loading this page.
Show element on devices that support hovering.
t1 hoverable:block
@media (hover: hover) { .t1.hoverable\:block { display: block; } }
Show element on devices that do not support hovering.
t1 not-hoverable:block
@media (hover: none) { .t1.not-hoverable\:block { display: block; } }