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

    原文作者:ppsspp
    原文地址: https://segmentfault.com/a/1190000016924469
    本文转自网络文章,转载此文章仅为分享知识,如有侵权,请联系博主进行删除。
点赞