一个父div中有两个子div名为d1和d2,现要css实现鼠标放到任意一个子div上时子div名为d1的div背景颜色变为红色
时间: 2024-04-29 16:27:13 浏览: 108
让多个div在同一行显示的样式及html代码
5星 · 资源好评率100%
,子div名为d2的div背景颜色变为绿色,你能告诉我如何实现吗?
可以使用以下 CSS 代码实现:
```
/* 鼠标放到d1 div上时,d1的背景颜色变为红色,d2的背景颜色变为绿色 */
div#d1:hover {
background-color: red;
}
div#d2:hover {
background-color: green;
}
```
这样设置后,当鼠标放到d1或d2 div上时,对应的背景颜色就会变为红色或绿色。
阅读全文