CSS 更少创建间距变化

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 );
}

希望对您有所帮助！ :)

CSS 更少创建间距变化

CSS LESS creating spacing variations

css

less

less-mixins