css3 子元素展开

CSS3的子元素展开功能可以让我们在页面上创建具有交互性的网页元素，增加用户体验。

在CSS3中，使用子元素展开功能需要使用一个伪类选择器——:hover。当我们在网页上鼠标移动到一个元素上，如果这个元素的子元素使用了: hover 伪类选择器，那么子元素就会被展开。

    
        .parent:hover .child {
            display: block;
        }
    

在上述代码中，.parent是父元素的类选择器，.child是子元素的类选择器。当鼠标移动到.parent上时，.child的display属性值会被设置为block，从而实现子元素的展开。

除了display属性，我们还可以使用其他CSS属性，例如opacity、transform等，来控制子元素的展开效果。

需要注意的是，子元素展开过程中，也可以使用transition等动画效果，使展开变得更加平滑自然。

综上所述，CSS3的子元素展开功能可以为我们提供更加丰富的页面效果，提升用户体验。