任何人都知道如何繼承擴展類的父項？

林在具有施加到HTML瀏覽器元件類的框架工作。我試圖應用一個跨瀏覽器修復（safari5），只要我擴展到一個混合。

示例標記：

<html class="safari5"> 
    <div class="child"></div> 
</html>

LESS：

.mixin{ 
    content:"cool style mixin that breaks on safari"; 
} 

.safari5{ 
    .fix{content:"hacks safari5's bullshit and semi-fixes cool style mixin"!important;} 
} 

.child{ 
    &:extend(.mixin); 
    &:extend(.fix); 
} 
/*

預計CSS輸出：

.mixin, 
.child { 
    content: "cool style that breaks on safari"; 
} 

.safari5 .fix, 
.safari5 .child{ 
    content:"hacks safari5's bullshit and semi-fixes cool style mixin"!important; 
} 
*/

謝謝！

來源

2015-02-11 leggomuhgreggo

參見extend all。例如：

.mixin { 
    1: 1; 
} 

.safari5 { 
    .fix {2: 2} 
} 

.child { 
    &:extend(.mixin, .fix all); 
}

來源

2015-02-11 20:11:40

留下一個說明只是爲了和我一樣困惑的其他人。當使用＆：extend（.mixin，.fix all）;'all'關鍵字只適用於'.fix'而不適用於所有擴展選擇器。 – Harry 2015-02-12 06:32:50

謝謝！我不知道「所有」祖先以及後代！ – leggomuhgreggo 2015-02-12 19:07:48

任何人都知道如何繼承擴展類的父項？

回答

相關問題