带参数的弱类

Question

我需要使用less来构造以下css。但不幸的是，LESS似乎没有编译。

必需的CSS

.container .wrap > div:nth-child(4){
    pointer-events:none;
}

LESS

.container {
    .wrap {
        > div:nth-child(4) {
            pointer-events: none;
         }
    }
}

我是LESS的新手，感谢任何帮助。

Answer 1

试试这个：

.container {
    .wrap {
        & > div:nth-child(4) {
            pointer-events:none;
        }
    }
}

所以这很清楚：

'＆amp;'符号，当在选择器定义中使用时，意味着'引用当前正在定义的规则的父级。'所以在这种情况下，它指的是'.wrap'。