Question

我正在尝试使用css悬停，我让它通过以下方式处理div：

#complete-paper:hover{

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

我的问题是，当我将鼠标悬停在具有完整纸张ID的属性上时，有没有办法定位另一个html元素，就像一个完全不相关的div？所以当你用完整的纸张悬停在div上时，它会执行上述悬停css更改，以及更改页面上的另一个div？

由于

编辑：我遇到的问题是，如果div不相关则可能。但是在这种情况下它们是相关的，当你将鼠标悬停在div上时，它实际上是一个div内部，我希望p也能改变

Answer 1

除非另一个div嵌套在#cars-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 */
}

Answer 2

除非另一个div是悬停元素的后代或兄弟，否则不会。

Answer 3

既然你说它是后代，那就这样做：

#complete-paper:hover #decendant_id {
     // stuff
}

Answer 4

虽然文件中的实际HTML元素必须嵌套或包含在单个元素中才能有效'：hover'相互定位，但css'position'属性可用于显示任何您想要的元素。我使用position：fixed来将我的'：hover'动作的目标放在用户屏幕上我想要的位置，而不管它在HTML文档中的位置。

因此元素是浏览器在代码中想要它的位置，以及用户在屏幕上想要的位置。

See detailed post->

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

4 个答案: