<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;
}
变化效果