Question

我有一个Div以及我想要发生的事情，就是当你将鼠标悬停在div 1上时它改变了div 2.

所以我可以用.div1:hover .div2来做这个，所以这意味着当我悬停在1时，2会改变。

我之前使用过它，甚至在同一样式表上，但由于某种原因它不起作用。

这是CSS。

#slide {
width:220%;
height:300px;
text-align:center;
position:relative;
top:0px;
left:0px;
-webkit-transition: left 2s linear;
-moz-transition: left 2s linear;
-ms-transition: left 2s linear;
-o-transition: left 2s linear;
transition: left 2s linear;
}
.six {
position:relative;
top:0px;
left:0px;
background-color:#F00;
}
.six:hover #slide {
left:-100%;
}

所以这对我来说看起来不错，它可以在相同的样式表上运行，但有些东西会阻止它吗？

任何想法都会很棒。

Answer 1

.div1:hover .div2选择器引用“具有类div2的元素，该元素是具有类div1的元素的子元素，其悬停在”上，因此它仅在{{{ 1}}是div2的孩子。

如果您需要div1与div2无关，那么您只能使用JavaScript执行此操作。像这样（使用jQuery库）：

div1

将鼠标悬停在Div上并改变另一个，将无法正常工作？

1 个答案: