HTML and CSS Reference
In-Depth Information
This snippet of markup might be part of a content management system.
The idea is that the buttons allow the user to enable edit mode or delete
the element:
Most of the time, the menu needs to
be hidden so the user can see the end
result more clearly. The menu is there-
fore hidden with this CSS :
header menu {
display: none;
You'll learn more about the display
property in the next section.
With the menu hidden, there's no
point adding the hover pseudo-class to
that—the mouse pointer will never be
able to hover over an element that
isn't there. But the <header> element is
visible, so here's a rule that makes the
<menu> element visible when the mouse
pointer is hovering over the <header>
header:hover menu {
display: inline;
Search WWH ::

Custom Search