在一个元素上: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的选择器来实现的。