Ich habe dieses WENIGER Setup:

.wrapper {
    .parent {
       height: 100px;

       .children {
          //some style;

          &:hover {

              .parent & {
                 height: 150px;
              }
          }
       }
    }
}

Ich muss eine Höhe für das übergeordnete Element ändern, indem ich mit der Maus über ein Kind in diesem Element schwebe. Dieser Code funktioniert nicht. Gibt es eine Möglichkeit, dies zu tun? Vielen Dank für Hilfe.