我可以基于类覆盖less-css函数吗？

Question

例如，我的html标记包含类ie9。我想定义一个默认函数，并在ie9类存在时覆盖它的定义：

.word-break(){
    word-break: break-word;
}

.ie9 {
    .word-break(){
        word-break: break-all;
    }
}


div > p {
    .word-break();
}

然而，这并不按预期工作。 IE9中没有任何事情发生。

Answer 1

您需要将选择器放在mixin中：

.word-break() {
    .ie9 & {
        word-break: break-all;
    }
}

&表示你正在调用mixin的选择器。

如果你只是写.ie9 {，它会生成div > p .ie9，这可能不是你想要的。
最后放&会移动原始选择器。