css - How to change parent style by child :hover action in LESS -

i have less setup:

.wrapper {     .parent {        height: 100px;         .children {           //some style;            &:hover {                .parent & {                  height: 150px;               }           }        }     } } 

i need change height parent element hover on child inside of it. code not working, there possible this? thx help.

adding :hover .parent instead of .children div achieve result, http://codepen.io/duncanbeattie/pen/xvddu

.wrapper {     .parent {         pointer-events:none;         height: 100px;         background:#000;         .children {             //some style;             height:20px;             background:#f00;             pointer-events:all;         }         &:hover {             height:150px;         }     } }