如何在SCSS中+ =？

Question

有人知道如何使用SCSS + =

示例：

.example {
    padding: 2px;
    &:hover {
        padding: current_padding + 3px; // OR
        padding+= 3px                   //... something like this
    }
}

我正在尝试 .example：悬停以获得5px填充。

Answer 1

我认为没有办法在SCSS中完成您想要的工作，但您可以通过使用变量来实现相同的效果：

<强> SCSS

.example {
    $padding: 2px;
    padding: $padding;
    &:hover {
        padding: $padding + 3px;
    }
}

汇编为

.example { padding: 2px; }
.example:hover { padding: 5px; }

请参阅variables和number operations上的文档。