css - block 上的 margin

Question

我有一个可以在两种情况下使用的 block :

• 此类 block 的列表

• 放置在不同种类的其他方 block 中

决定利润率的最佳做法是什么？

假设该 block 具有类 main前后 block 分别分类为preceding和 following对于第二种情况。

如果我为 main 设置边距对于第二种情况，我需要 preceding和 following感动main ，那么我应该在前后设置负边距吗？

或者另一种解决方案是使用直接兄弟选择器设置边距 .main+.main而不是 .main .

我猜我还缺少其他一些解决方案。我可以知道还有哪些其他可能的解决方案。另外，这里的最佳做法是什么？

Answer 1

解决此问题的一种方法是通过将它链接到您根据情况添加的另一个类来确定要在您的 .main 类 div 上设置的边距。通过这种方式，您可以将主 div 的所有共享功能保留在一个地方，并仅在边距(或任何其他需要不同的样式)上进行区分。

DIV 个人

<div class="main individual">

与他人DIV

<div class="main shared">

CSS

.main {
   width:50px;
   height:50px;
}

.main.individual {
  margin: 5px;
}

.main.shared {
  margin:1px;
}