如何获得与手写笔扩展根没有混入

我学习笔，我需要得到根元素属性，他的子类：如何获得与手写笔扩展根没有混入

.daddy-element 
    (this is a root) 
    main: prop 
    &.sublclass 
     (need "main: prop" here) 
     another: prop

在青菜，我们有$root: &，什么笔可在这个情况下？ @mixin - 坏变型与最大的CSS代码和不读

这里明确的是我顶嘴代码： Codepen

来源

2016-06-30 Евгений Балашов

在触笔中，@extend的工作与SASS不同，或者可能是一个错误（我不知道），并且孩子获得其父母的属性，但继续传递给子女并将选择器返回两次。对不起我的英文。检查这个例子：[stylus extend]（http://stylus-lang.com/try.html#?code=.class%0A%20%20sel%20%3D%20unquote（selector（））％0A％20％ 20margin底％3A％201em％0A％20％20％26.ok％0A％20％20％20％20％40extend％20％7Bsel％7D％0A％20％20％20％20color％3A％20red） – blonfu

我们可以用吞咽：D来清理它，但这是一个糟糕的紧缩。 –

为什么你使用unquote？ 'sel = selector（）' - 作品也是 –

我发现占位选择的解决方案，它并不像在上海社会科学院作为干净的，但是我能做到的最好的解决办法：

STYLUS

$placeholder 
margin-bottom: 1em 

.class 
    @extends $placeholder 
    &.ok 
    @extends $placeholder 
    color: red

输出

.class, 
.class.ok { 
    margin-bottom: 1em; 
} 
.class.ok { 
    color: #f00; 
}

来源

2016-07-11 08:06:14 blonfu

yes ，它在触控笔中更好的解决方案 –

如何获得与手写笔扩展根没有混入

回答

相关问题