在一個元素上:hover,改變另一個元素的css屬性

ppsspp發表於2018-11-06

如果二者是父子關係,可以寫成這種:

  .face:hover .eye-bottom {
                    margin-top: 30px;
                }

如果是兄弟關係:

.face:hover+.ear-wrap {
                transform: rotate(-30deg);
            }
            

如果是兄弟的兒子:

 .face:hover+.ear-wrap .ear {
                transform: rotate(-30deg);
            }

是用css的選擇器來實現的。

相關文章