From the course: Advanced CSS Media Queries

Unlock the full course today

Join today to access over 22,600 courses taught by industry experts or purchase this course individually.

Testing for hover and pointer

Testing for hover and pointer - CSS Tutorial

From the course: Advanced CSS Media Queries

Start my 1-month free trial

Testing for hover and pointer

- [Narrator] Next up, let's look at the ability to hover on various devices. I'm sure you know by now that hovering is something you can do easily on a laptop or a desktop computer. Its primary hovering pointing input mechanism is a mouse or a trackpad and both of these hover just fine. However, phones and tablets are driven by touch, and they have no ability to hover. Media queries have addressed these issues and the possibilities of creating styles for these types of selection devices using properties called hover and pointer. Hover has to do with hovering over a link easily while pointing deals with how finely a pointing device indicates a target. Coarse for your finger or fine for a mouse, for example. It's possible to use hover and pointer media queries together, which I'll cover in another video. But for now, let's look at the possibilities individually when considering these kinds of devices. So there's actually…

Contents