css - 我可以覆盖基于类的 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，这可能不是你想要的。
将 & 放在最后会将原始选择器移到后面。