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 LESS创建间距变化

1 个答案: