将鼠标移到一个元素上，另一个元素的样式发生变化如上图，鼠标悬停在红色方块上，蓝色方块改变样式。实现代码：蓝色方块必须写在红色方块里面。<样式>.box1{宽度：300px;高度：300px；背景色：红色；}.box1:hover.box2{宽度：200px；高度：200px；位置：绝对；顶部：30px；100像素；高度：100px；背景颜色：蓝色；位置：绝对；顶部：-100px；/*transition设置动画过渡*/transition:1slinear;}//蓝色方块必须写在红色方块里面
将鼠标移到一个元素上，另一个元素的样式发生变化如上图，鼠标悬停在红色方块上，蓝色方块改变样式。实现代码：蓝色方块必须写在红色方块里面。<样式>.box1{宽度：300px;高度：300px；背景色：红色；}.box1:hover.box2{宽度：200px；高度：200px；位置：绝对；顶部：30px；100像素；高度：100px；背景颜色：蓝色；位置：绝对；顶部：-100px；/*transition设置动画过渡*/transition:1slinear;}//蓝色方块必须写在红色方块里面