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

Question

例如我的html标签有 class 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，这可能不是你想要的。
放&最后一个会稍后移动原始选择器。