如果二者是父子關係,可以寫成這種:
.face:hover .eye-bottom {
margin-top: 30px;
}
如果是兄弟關係:
.face:hover+.ear-wrap {
transform: rotate(-30deg);
}
如果是兄弟的兒子:
.face:hover+.ear-wrap .ear {
transform: rotate(-30deg);
}
是用css的選擇器來實現的。