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>上时才会触发悬停功能，但这是不可能的，因为您可以在live demo中看到

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

.key:hover {
    background-color: red;


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

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

2 个答案: