less 标签前的运算符 '&' 是什么意思以及我如何转换为 scss

Question

我正在将旧的 angularJS 应用程序迁移到 angular，并且我有以下 .less 代码：

.pri-expander-list-parameters-outer {
    margin-bottom: 10px;

    div& .well {
        padding: 0 10px;
    }
}

我不太明白div后面的&是什么意思。任何人都可以向我解释并告诉我如何将它转换为 scss 或纯 css。（也许这只是一个语法错误）

谢谢！

Answer 1

div& .well

这意味着 div 容器带有 class 孔

转换为css:

.pri-expander-list-parameters-outer {
    margin-bottom: 10px;
}

.pri-expander-list-parameters-outer .well {
    padding: 0 10px;
}

What operator '&' before a less tag means and how I can convert to scss