css - 如何通过子项更改父级样式 :hover action in LESS

Question

我有这个 LESS 设置:

.wrapper {
    .parent {
       height: 100px;

       .children {
          //some style;

          &:hover {

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

我需要通过将鼠标悬停在其中的某个子元素上来更改父元素的一些高度。这段代码不起作用，那么有没有可能做到这一点？非常感谢您的帮助。

Answer 1

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