css - CSS LESS 创建间距变化

Question

我想知道如何使用 LESS 实现以下 CSS：

.spacingTop {
    margin-top: 8px;
}

.spacingRight {
    margin-right: 8px;
}

.spacingBottom {
    margin-bottom: 8px;
}

.spacingLeft {
    margin-left: 8px;
}

我应该对迭代做些什么吗？

Answer 1

你真正想做什么？因为创建LESS CSS是为了组织您的代码。这个类是完全不同的。我建议你使用mixins。为此，我将使用以下示例：

.margins( @top , @right , @bottom , @left)
{
    margin-top: @top;
    margin-left: @right;
    margin-bottom: @bottom;
    margin-left: @left;
}

...并在以后使用它，如下所示

.spacingTop
{
    .margins( 15px );
}

希望能帮助到你！:)