八、一个有趣的hover样式

问题：两个兄弟div；div1和div2。实现如下效果，div1默认展示，div2默认隐藏，并且鼠标悬浮到div1的时候div2显示。

解决如下：注意css的一个hover用法

<div class="container">
    <div id="div1">Hover over me!</div>
    <div id="div2">Now you see me!</div>
</div>

#div1 {
    background-color: lightblue;
    padding: 20px;
    cursor: pointer;
}

#div2 {
    background-color: lightgreen;
    padding: 20px;
    display: none; /* 默认隐藏 */
}

#div1:hover + #div2 {
    display: block; /* 鼠标悬浮到div1时显示div2 */
}