Creating persistent hover states


show more Creating persistent hover states provides you with in-depth training on Developer. Taught by James Williamson as part of the CSS: Styling Navigation show less
please wait ...

Creating persistent hover states

Although our dropdown menu is functioning properly, it is not quite perfect yet. As we saw in the last exercise, when we roll over the submenu items, our top-level rollovers go away. We need to create a persistent hover state that's going to keep that rollover active as we browse through the submenus. We really don't need to do a lot to accomplish this. All we have to really do is just update a couple of our existing selectors. So, this time we are going to be working with the dropdown file again, but this time from the 05_07.

And we're actually going to be styling up in the top-level menus, so make sure you're looking up at the horizontal menu styles. I'm looking for the selector that controls the rollovers for our top-level menu items, and it would be this little guy right here, so li a:hover. Now, what's interesting about this one is this is really targeting any link that's being hovered over, which is also inside of the list item. And that includes all of our submenu...

Creating persistent hover states
Video duration: 5m 53s 5h 14m Beginner

Viewers:

Creating persistent hover states provides you with in-depth training on Developer. Taught by James Williamson as part of the CSS: Styling Navigation

Subjects:
Developer Web
Software:
CSS
Author:
please wait ...