少标签前的运算符“&”是什么意思以及如何转换为scss [重复]

【问题标题】：What operator '&' before a less tag means and how I can convert to scss [duplicate]少标签前的运算符“&”是什么意思以及如何转换为scss [重复]
【发布时间】：2020-01-02 16:50:57
【问题描述】：

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

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

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

我不明白& 在div 之后的含义是什么。谁能向我解释并告诉我如何将其转换为scss 或纯css。（可能只是语法错误）

谢谢！

【问题讨论】：

标签： css sass less

【解决方案1】：

div& .well

这意味着一个带有类的 div 容器

转换成css：

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

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

【讨论】：

在 CSS 中缺少 div...！？
div 是不必要的，因为 div 有类 .well
这无关紧要。该规则可能适用于带有或不带有前面 div 选择器的不同元素。