如何在没有mixin的情况下在手写笔中使用Extend

Question

我正在学习手写笔，我需要为他的子类获取root元素属性：

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

在sass中我们有$root: &，在这种情况下手写笔可以用什么？ @mixin - 具有最大css代码的不良变体，并且不清楚阅读

这是我的sass代码： Codepen

Answer 1

我找到了一个带占位符选择器的解决方案，它不像SASS那样干净，但却是我能达到的最佳解决方案：

<强> STYLUS

$placeholder
 margin-bottom: 1em

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

<强>输出

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