css hover 悬停在子元素上,怎么修改父元素的样式
时间: 2024-05-15 19:19:26 浏览: 74
Web前端与移动开发之复合选择器 css元素显示模式 背景属性.txt
5星 · 资源好评率100%
可以使用CSS中的后代选择器(descendant selector)和伪类选择器(pseudo-class selector)来实现。
例如,如果要在鼠标悬停在子元素时修改父元素的背景颜色,可以使用如下代码:
```css
.parent:hover {
background-color: red;
}
```
这将选择所有鼠标悬停在`.parent`元素内的子元素上的父元素,并将其背景颜色设置为红色。
注意,这里的`:hover`是伪类选择器,表示鼠标悬停在元素上的状态。
阅读全文