CSS多级分组可以让我们更加方便地对页面中的元素进行样式设置。在这里，我们会介绍如何利用CSS多级分组达到展示隐藏的效果。

.nav {
display: none;
}
header:hover .nav {
display: block;
}

上述代码中，我们首先将一个名为“nav”的元素的显示属性设置为“none”，这样页面加载时，该元素将不会显示。接着，我们给页面中的header元素添加了一个鼠标悬浮事件，当鼠标悬浮在header上时，我们使用“header:hover”这个选择器来找到header元素，并且利用CSS多级分组来找到其中的.nav元素，并将其显示属性设置为“block”，这样，当鼠标悬浮在header上时，.nav元素就会被展示出来。

这种方法可以用于控制页面中各种元素的显示和隐藏，例如弹出菜单、图片轮播等。

#menu {
display: none;
}
#menuButton:hover #menu {
display: block;
}

上述代码中，我们首先将一个名为“menu”的元素的显示属性设置为“none”，接着，我们利用CSS选择器找到名为“menuButton”的元素，并且当鼠标悬浮在该元素上时，再利用CSS多级分组找到其中的“menu”元素，并将其显示属性设置为“block”，这样就可以实现鼠标悬浮在“menuButton”上时，“menu”元素就会被展示出来了。

以上就是利用CSS多级分组实现展示隐藏效果的方法，希望对大家有所帮助。