在一个元素上:hover,改变另一个元素的css属性
如果二者是父子关系,可以写成这种:
.face:hover .eye-bottom {
margin-top: 30px;
}
如果是兄弟关系:
.face:hover+.ear-wrap {
transform: rotate(-30deg);
}
如果是兄弟的儿子:
.face:hover+.ear-wrap .ear {
transform: rotate(-30deg);
}
是用css的选择器来实现的。