我正在尝试使用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也能改变
除非另一个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)