【问题标题】:Anyone Know a Way to Inherit the Parent of an Extended Class?有人知道继承扩展类父级的方法吗?
【发布时间】:2015-02-12 04:19:14
【问题描述】:

背景:

我正在开发一个将浏览器类应用于 HTML 元素的框架。 每当我扩展到 mixin 时,我都会尝试应用跨浏览器修复(对于 safari5)。

示例标记:

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

少:

.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;
}
*/

谢谢!

【问题讨论】:

    标签: less


    【解决方案1】:

    extend all。例如:

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

    【讨论】:

    • 留个便条给和我有同样困惑的其他人。使用 &amp;:extend(.mixin, .fix all); 时,all 关键字仅适用于 .fix,而不适用于所有扩展选择器。
    • 谢谢!我不知道“所有”都抓住了祖先和后代!
    猜你喜欢
    • 2012-09-03
    • 1970-01-01
    • 1970-01-01
    • 2017-03-16
    • 2010-11-11
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多