如何按子项更改父级样式:在LESS中悬停操作

Question

我有这个LESS设置:

.wrapper {
    .parent {
       height: 100px;

       .children {
          //some style;

          &:hover {

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

我需要通过将鼠标悬停在其中的某个子节点来更改父元素的某个高度.这段代码不起作用,有没有可能做到这一点？很多请求帮助.

Answer 1

添加:hover到.parent而不是.childrendiv将实现结果,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;
        }
    }
}