css - 为不同的 div 重复使用边距顶部和底部？

Question

嘿伙计们，我不确定你们是如何处理这个问题的，但我为每个标签、文本 block 或图像分配了一个 div，然后为边距或填充顶部和底部编写了一个 CSS 类，以很好地隔开空间。问题是，在我的样式表中，现在我发现其中一半的 div 只做这个。

.example-div {
    margin-top: 50px;
    margin-bottom: 50px;
}
.second-example-div {
    margin-top: 50px;
    margin-bottom: 50px;
}

您是声明其中的一些类并重用它们，还是即使重复代码也使它们都是唯一的？

我正在考虑做这样的事情并重复使用它们，因为我几乎所有的 div 都使用边距。这是个坏主意吗？

.margin-small {
    margin-top: 50px;
    margin-bottom: 50px;
}
.margin-large {
    margin-top: 80px;
    margin-bottom: 80px;
}

我也在使用 Bootstrap，但我认为没有内置这样的东西。感谢您的帮助。

Answer 1

编写一个 css 类来应用这些样式是最好的方法，您可以根据需要在您想要以这种方式设置样式的 div 上重复使用它。您绝对不应该为新类中的每个 div 重写相同的 css。没有必要让类独一无二，它们被设计为可以重复使用。 Div ID 是为了唯一性，类是为了重用。