直前のコンポーネントのマージンを変更したい

Question

span タグがあるときだけ、直前の div タグの margin-bottom を打ち消したい

<div>
  <label>foo</label>
  <div class="form-control">...</div>
</div>
<div>
  <label>bar</label>
  <div class="form-control">...</div>
  <span>message</span> <!-- この span があるときだけ .form-control との間隔を縮めたい -->
<div>

.form-control クラスは下に 1em のマージンが空いているのですが、説明書きの span があるときは、このマージンを無効にしたいです。
どうしたらよいでしょうか?

該当のソースコード

.form-control {
  margin: 0 0 1em;
}

Answer 1

.form-control + span {
  margin: -1em 0 1em;
}