Css SASS——它的嵌套子代'；s的父母和另一个'；s的父母'；孩子们

我正在构建flexbox网格，希望元素（列）在其直接父元素（网格）和另一个父元素（嵌套）中都是子元素

我的问题是：有没有一种SASS方法可以在保持干燥的同时实现这一点？当前的实现如下所示：

.grid{
  ...

    .nested{
      ...

        .columns{
          ...
        }
    }

    .columns{
      ...
    }
}

---

只需使用

.nested

外部的一个即可

它将编译为

.grid.columns

，这将适用于

.grid

内部的所有

.columns

，包括

.grid.nested

内部的列

但是，如果出于某种原因也需要

.grid.nested.columns

，则可以执行以下操作：

.grid{
    ...
    .nested{
        ...
    }
    &, .nested {
        .columns{
            ...
        }
    }
}

---

只需使用

.nested

外部的一个即可

它将编译为

.grid.columns

，这将适用于

.grid

内部的所有

.columns

，包括

.grid.nested

内部的列

但是，如果出于某种原因也需要

.grid.nested.columns

，则可以执行以下操作：

.grid{
    ...
    .nested{
        ...
    }
    &, .nested {
        .columns{
            ...
        }
    }
}

---

您可以先为

.grid.column

设置样式，然后在

嵌套的
元素中为
列
添加必要的样式。因此，您是干的，因为这些将级联
.grid.columns
的样式。您可以首先设置
.grid.column
的样式，然后在
嵌套的
元素中为
列添加必要的样式。因此你是干的，因为这些将级联
.grid.columns
.grid、.nested{的样式来设置公共属性是的，如果没有任何sass特定的东西，这将是我想要的解决方案。（我想我想我是想得太多了，忽略了Occam的剃刀。）grid、.nested{？？设置公共财产是的，如果没有任何sass特定的东西，那将是我想要的解决方案。（我想我想我是想得太多了，忽略了Occam的剃刀）