SASS - 它的父母和另一个父母的孩子的孩子

Question

我正在构建一个flexbox网格，并希望在它的直接父级（网格）和另一个父级子级（嵌套）中有一个元素（列）是子级。

我的问题：是否有SASS方法可以在保持干燥的同时实现这一目标？目前的实施如下：

.grid{
  ...

    .nested{
      ...

        .columns{
          ...
        }
    }

    .columns{
      ...
    }
}

Answer 1

只需使用.nested之外的那个。

它将编译为.grid .columns，这将适用于.columns内的所有.grid，包括.grid .nested内的所有.grid .nested .columns。

但是，如果您出于某种原因需要.grid{ ... .nested{ ... } &, .nested { .columns{ ... } } } ，那么您可以这样做：

onSaveInstanceState

Answer 2

您可以先为.grid .column设置样式，然后在colums元素中为nested添加必要的样式。因此，您是干的，因为这些将级联.grid .columns

的样式