Question

背景

我正在开发一个框架，该框架具有应用于HTML元素的浏览器类。我试图在扩展到mixin时应用跨浏览器修复程序（对于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;
}
*/

谢谢！

Answer 1

见extend all。 E.g：

.mixin {
    1: 1;
}

.safari5 {
    .fix {2: 2}
}

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

有人知道继承扩展类的父级的方法吗？

1 个答案: