可以利用 CSS 中的 :hover 伪类选择器来实现在子元素上悬停时给父元素添加样式
时间: 2024-03-01 09:54:25 浏览: 115
css hover对其包含的子元素进行样式设置示例
是的,可以利用 CSS 中的 :hover 伪类选择器来实现在子元素上悬停时给父元素添加样式。具体的做法是,在父元素的样式中使用:hover选择器,然后在:hover选择器的代码块中添加要改变的样式。这样,当鼠标悬停在子元素上时,父元素就会应用:hover选择器中定义的样式。例如:
```
.parent:hover {
background-color: red;
}
```
这段代码会使得当鼠标悬停在.parent元素的子元素上时,.parent元素的背景色变为红色。
阅读全文