在SASS中结合包装和父元素？

Question

我有一个特殊性问题，即CSS库中的样式会覆盖我的SASS样式。

我的HTML是：

<form class="some-library-class my-form-class">
  <input type="text" class="my-form-class__text">

我的SASS是：

.my-form-class {
  //Some wrapper stlyes

  &__text {
    margin: 1rem;
  }
}

然而，图书馆用以下方式覆盖我的风格：

.some-library-class input[type=text] {
  margin: 2rem;
}

在我去为我的整洁SASS添加额外的包装类并创建太多深度，或者开始使用!important;之前，我想看看是否有一种方法可以修改现有的SASS，因此返回的CSS是：

.my-form-class .my-form-class__text {
  margin: 1rem;
}

是否有一种干净的SASS方式来实现上述目的而不会过多地破坏我现有的SASS？

Answer 1

.my-form-class {
  //Some wrapper stlyes

  & &__text {
    margin: 1rem;
  }
}

生成

.my-form-class .my-form-class__text {
  margin: 1rem;
}