html - 我们可以通过选择父元素向子元素添加属性吗

Question

我们可以在悬停父元素时将属性应用于子元素吗？，如果代码是这样的

<div> <a href="#">Hello</a> </div>

我有一个要求，如果我们将鼠标悬停在 div 元素上，则将 color 属性添加到元素中。

标签： htmlcss

Answer 1

是的，你可以在你的 CSS 中使用类似下面的东西来做到这一点：

div:hover a {
  color: red;
}

hover伪类文档： https ://developer.mozilla.org/en-US/docs/Web/CSS/:hover