没有根选择器的较少直接父选择器

Question

这个少:

.parent {
  .child {
    h1& {
      color: red;
    }
  } 
}

编译为:
h1.parent .child {color:red};
我需要的是:
.parent h1.child {color:red};
建议表示赞赏。

我的问题类似于问题Less Immediate Parent Selector但不完全一样。因为选择器是由元素和类名组成的。问题是如何在不影响根选择器的情况下用其元素限定类名。

Answer 1

这将适用于这个特定的例子。虽然我很感激它没有回答你的一般问题。

.parent {
   h1 {
    &.child {
      color: red;
    }
  } 
}