我可以基于类覆盖一个较少的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

您需要将选择器放入混合器中：

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

&表示您在其内部调用混和器的选择器。

如果您只编写.ie9 {，它将生成div > p .ie9，这可能不是您想要的。

放置&最后一次移动原来的选择器后。