使用css:hover定位多个html属性

Bil*_*ill 1 html css hover

我正在尝试使用css悬停,并且通过执行以下操作使其在div上工作:

#complete-paper:hover{

background:url('/static/images/blue-aarow.jpg') no-repeat;
background-position:192px 35px;
background-color:#17aedf;
color:#ffffff;
 }
Run Code Online (Sandbox Code Playgroud)

我的问题是,当我将鼠标悬停在具有complete-paper ID的属性上时,是否有办法定位另一个html元素,例如完全不相关的div?因此,当您将鼠标悬停在具有整张纸的div上时,将进行上述悬停css更改,以及在页面上更改另一个div吗?

谢谢

编辑:我有一个问题是,是否有可能的div是不相关的。但是在这种情况下,它们是相关的,当您将鼠标悬停在div上时,它实际上是在div内的ap,我希望p也能改变

Dan*_*Dan 5

除非另一个div嵌套在#compete-paper中,否则CSS不会像这样:

#complete-paper:hover{
    background:url('/static/images/blue-aarow.jpg') no-repeat;
    background-position:192px 35px;
    background-color:#17aedf;
    color:#ffffff;
}

#complete-paper:hover .other-div{
    /* different css */
}
Run Code Online (Sandbox Code Playgroud)