css hover后面的选择

<div>
        <img class="img" src="../public/img/时间.png" alt="">
        </img>
        <P class="p">段落</P>
        <h2 class="h2">段落2</h2>
        <h3>段落3</h3>
    </div>

触摸div使里面的其他元素发生变化

 /* div > p 选择 div的子元素p标签(必须是亲儿子,不隔代) */
        
        div:hover>h3 {
            color: salmon;
        }
        /* img + p 选择下一个(紧挨着的)符合条件的兄弟元素 */
        
        img:hover+p {
            color: red;
        }
        /*img ~ h2 选择后边所有符合条件的兄弟元素 */
        
        img:hover~h2 {
            color: purple;
        }

变化效果