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

相关推荐