html - 在悬停一个 div 时更改两个元素

Question

我想问一个在任何地方都找不到答案的问题。我敢肯定这很简单，但是我如何将这两个 css 语句（或函数，我不知道？）放在一起？

.key:hover p{
    color:red;
}

.key:hover {
    background-color: #999999;
}

提前致谢。

Answer 1

以下可能是您所追求的。与其他任何解决方案一样，此解决方案受到可能已经存在的其他适用 CSS 定义的影响。

.key:hover {
    color:red;
    background-color: #999999;
}

Answer 2

您可能希望仅在鼠标完全悬停时触发悬停功能，但是正如您在现场演示<p>中看到的那样，这是不可能的

.key
{
    background-color: green;
    width: 250px;
    height: 250px;
}

.key:hover {
    background-color: red;


}
.key:hover p{
    background-color: blue;
}