哪些方法用于合并SASS中具有不同层次结构的重复类？

Question

上下文

我被录用到具有现有SASS / SCSS文件的项目中。但是，他们似乎没有计划如何构造它，因此有很多重复的类。

问题

但是它们不仅仅是重复的，具有不同的层次结构。我想将它们全部结合在一起，但我知道的唯一方法是手动。但是在我看来，这可以用短绒棉或其他东西自动完成，但我在搜索中没有找到任何结果。

示例

.nav {
     foo: bar;
}

稍后在文档中的某个随机位置：

.nav {
    p {
        foo: bar;
    }
}

另一个例子

.flexslider {
    .slides {
        foo: bar;
    }
}

然后您会发现：

.carousel {
    li {
        foo: bar;
    }
}

应该在什么时候出现：

.flexslider {
    .carousel {
        .slides {
            foo: bar;
        }
        li {
            foo: bar;
        }
    }
}

或者：

.flexslider {
    .carousel {
        li.slides {
            foo: bar;
        }
    }
}