Question

我刚刚开始学习SASS，我很快就掌握了它，但感觉我正在以糟糕的方式编写占位符，所以我想了解如何在继续之前避免滥用它们。

我认为放一堆占位符是明智的，就像我在下面所做的那样：

%margins {
    margin: $margin;
    padding: $padding;
}

%border {
    border: $border $lightgrey;
}

%positionRel {
    position: $relativePos;
}

所以我得到了这个结果：

body, #info-container {
    margin: 0;
    padding: 0; }

#container, #info-container input:nth-child(1) {
    border: 1px solid lightgrey; }

#container, #info-container {
    position: relative; }

但这样做似乎真的非常错误，因为在更大的项目中会有很多占位符。如果我使用mixins而不是共享属性。或者我应该在mixin中使用占位符并传递占位符使用的参数？请告诉我，让元素共享样式而不过度滥用占位符的最佳方法是什么？

如何防止在SASS中滥用占位符但仍能获得预期结果？

0 个答案: